Cet article explore le problème du message de réponse d'action par défaut (Toast) affiché brièvement après le traitement d'une longue tache dans Laravel Nova. En réponse à ce défi, nous présenterons comment utiliser la fonction NovaNotification fournie par Laravel Nova 4 pour implémenter des notifications persistantes avec des opérations interactives, améliorant ainsi considérablement l'expérience utilisateur et garantissant que les informations importantes ne seront pas manquées en raison de la disparition instantanée du message. Il est particulièrement adapté aux scénarios nécessitant des opérations utilisateur ultérieures.

Limites des messages de réponse d'action de Laravel Nova

Dans Laravel Nova, nous utilisons souvent des méthodes telles que Action::message() ou Action::danger() pour afficher des informations de retour à l'utilisateur après l'exécution de l'action. Ces messages apparaissent généralement brièvement à l'écran sous la forme d'un ? Toast ? pendant quelques secondes, puis disparaissent automatiquement. Pour des actions rapides, ce feedback immédiat est efficace et convivial. Cependant, face à des taches en arrière-plan dont l'exécution est longue (par exemple, 5 à 8 minutes), ce mécanisme de message de courte durée expose ses limites?:

1. Les informations sont faciles à perdre?: les utilisateurs peuvent changer d'onglet ou quitter l'ordinateur avant que le message ne disparaisse, ce qui entra?ne l'impossibilité de voir la notification d'achèvement de la tache.
2. Manque de persistance?: ne peut pas être affiché à nouveau au retour de l'utilisateur et ne peut pas fournir d'options interactives telles que "confirmer" ou "afficher les détails".
3. Expérience utilisateur réduite?: les utilisateurs attendent des retours plus clairs et plus persistants sur les taches critiques ou chronophages.

Présentation de NovaNotification : notifications persistantes et interactives

Afin de résoudre les problèmes ci-dessus, Laravel Nova 4 introduit la puissante fonction NovaNotification. Il permet aux développeurs d'envoyer des notifications persistantes avec des ic?nes et des boutons d'action cliquables qui apparaissent dans l'interface utilisateur de l'application Nova jusqu'à ce que l'utilisateur les ferme manuellement ou effectue une action. Cela permet de communiquer clairement et de manière persistante aux utilisateurs l’état d’avancement des taches de longue durée.

Implémenter des notifications persistantes

Les étapes pour envoyer des notifications à l'aide de NovaNotification sont les suivantes?:

1. Créer une instance NovaNotification

Tout d’abord, vous devez créer une instance NovaNotification. Cela se fait généralement via la méthode handle de votre Nova Action ou partout où vous devez envoyer des notifications.

 utilisez Laravel\Nova\Notifications\NovaNotification?;
utilisez Illuminate\Http\Request?;

// ... dans la méthode handle de votre Nova Action ou d'un autre handle de fonction publique de service (ActionFields $fields, Collection $models)
{
    // Supposons que vous traitiez un modèle ou une requête $request = app(Request::class); // Récupère l'instance de requête actuelle // Notification de build $notification = NovaNotification::make()
        ->message('Votre rapport est prêt à être téléchargé.') // Définir le contenu du texte principal de la notification ->action('Télécharger le rapport', 'https://example.com/report.pdf') // Ajouter un bouton d'action cliquable ->icon('download') // Définir l'ic?ne de la notification, telle que 'télécharger', 'check', 'exclamation', etc. ->type('info'); // Définir le type de notification, facultatif 'info', 'succès', 'avertissement', 'danger'

    //Envoyer une notification $request->user()->notify($notification);

    return Action::message('La tache de génération de rapport est terminée, veuillez vérifier le centre de notification.');
}

2. Envoyer une notification à l'utilisateur

Les notifications sont envoyées via le trait Notifiable de Laravel. En règle générale, votre modèle User devrait déjà utiliser cette fonctionnalité. Vous pouvez obtenir l'utilisateur authentifié via la requête en cours, puis appeler sa méthode notify().

 $request->user()->notify($notification);

Choses à noter?:

• Assurez-vous que votre modèle utilisateur (généralement App\Models\User) utilise le trait Illuminate\Notifications\Notifiable.
• La méthode action() de l'instance NovaNotification accepte deux paramètres?: le texte du bouton et l'URL vers laquelle accéder après avoir cliqué. Ceci est utile pour fournir des liens de téléchargement, afficher des liens de détails, etc.
• La méthode icon() vous permet de sélectionner une ic?ne conforme au style Font Awesome ou Heroicons pour améliorer l'effet visuel.
• La méthode type() est utilisée pour définir la couleur et le style de la notification afin de distinguer les notifications de différentes importances.

Avantages et scénarios d'application de NovaNotification

• Persistance?: les notifications appara?tront dans le centre de notification de Nova (généralement dans le coin supérieur droit) jusqu'à ce que l'utilisateur les ferme manuellement ou clique sur le bouton d'action. Même si vous actualisez la page ou changez d'onglet, la notification reste.
• Interactivité?: la méthode action() vous permet d'ajouter un bouton cliquable à la notification pour guider l'utilisateur vers l'étape suivante, comme télécharger un fichier, accéder à la page de détails, etc.
• Conseils visuels?: les méthodes icon() et type() offrent de riches options de personnalisation visuelle pour rendre les notifications plus expressives.
• Convient aux taches à long terme : c'est une solution idéale pour résoudre le problème du retour d'information sur les taches à long terme. Les utilisateurs n'ont pas besoin d'attendre continuellement et peuvent recevoir des notifications claires une fois la tache terminée.
• Transmission d'informations clés?: pour les informations importantes qui nécessitent une attention particulière de l'utilisateur, NovaNotification est plus fiable que les messages Toast de courte durée.

Résumer

Bien que les messages Toast tels que Action::message() fournis par Laravel Nova soient très pratiques pour un retour instantané, ils sont insuffisants pour gérer des taches à long terme ou des scénarios nécessitant une interaction ultérieure de l'utilisateur. En adoptant la fonctionnalité NovaNotification de Laravel Nova 4, les développeurs peuvent créer un système de notification plus robuste avec une meilleure expérience utilisateur. Il garantit non seulement que les informations importantes ne sont pas manquées, mais guide également les utilisateurs via des boutons interactifs pour passer à l'étape suivante, améliorant ainsi considérablement le professionnalisme et la facilité d'utilisation de l'application Nova. Lors de la conception de votre réponse Nova Action, choisissez judicieusement entre un message Toast ou une NovaNotification en fonction de la nature et de l'importance de la tache.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!