2017-08-01 1 views
0

J'ai un site de leçons de guitare où je veux informer les utilisateurs (invités ou connecté) sur les nouvelles notifications en temps réel ou réel. Je suivi cet exemple:Laravel 5.2 Notifications Popup utilisateur dans le navigateur - Exemples, conseils?

https://blog.pusher.com/writing-realtime-apps-with-laravel-5-and-pusher

je un événement mis en place, je compte pousseur, j'ai des choses de travail comme décrit dans le lien ci-dessus. Mais ... Je voudrais que les notifications montrent la façon dont les notifications apparaissent sur beaucoup d'autres sites. À savoir, où une petite fenêtre apparaît dans le coin inférieur droit du navigateur, quel que soit l'endroit où l'utilisateur fait défiler la page actuelle. Ou peut-être où une barre de message apparaîtrait au-dessus du navigateur sans égard à l'emplacement de l'utilisateur. En tout cas, je ne peux pas trouver des exemples de notifications 5.2 de cette manière. Tout ce que je vois sont des exemples d'utilisation d'un div de message dans un fichier de lame et d'avoir le div peuplé via le code du poussoir dans la lame. Donc, j'imagine faire ce que je veux est similaire dans l'esprit, juste besoin de quelques étapes supplémentaires frontaux qui ne sont pas encore claires pour moi.

Conseils, exemples appréciés!

Merci

+0

[this] (https://blog.pusher.com/create-web-notifications-using-laravel-pusher/) pourrait aider – csanonymus

+0

Intéressant, mais en regardant les classes je le vois est un laravel 5.4 exemple. Peut-être qu'il est temps de mettre à jour ... – Brian

+0

En fait, j'ai pu obtenir cet exemple de travail en supprimant l'utilisation Illuminate \ Contracts \ Events \ Dispatchable; et utilisez Illuminate \ Broadcasting \ InteractsWithSockets; Démo fonctionne bien, mais sur mon site, j'ai ajouté un élément de liste comme dans l'exemple, et les notifications sont correctes, je vois l'icône de notification apparaître avec un 1, mais quelque chose sur la vue de mon site empêche la fenêtre de notification. Peut-être que je vais soumettre un nouveau message pour résoudre ce problème. Merci de votre aide! – Brian

Répondre

0

Eh bien, vous pouvez utiliser un fichier de lame Laravel commun (avec le code poussoir) et d'hériter ce fichier dans tous les modèles de la lame. Maintenant, en utilisant jquery growl (http://ksylvest.github.io/jquery-growl/) ou la boîte d'alerte de votre choix, vous pouvez afficher les popups sur n'importe quelle page que vous voulez.

+0

La chose est que j'espérais mettre en œuvre dans un esprit similaire à ce qui est montré dans l'url csanonymus fourni. Pas exactement sûr comment modifier en utilisant growl, d'une manière qui garderait le formatage des notifications intact. Dans l'exemple du lien ci-dessus, j'aime vraiment comment les notifications sont implémentées et affichées. Je l'ai eu en quelque sorte fonctionnant - si vous voyez mon commentaire ci-dessus, vous verrez que je ne suis pas à 100% là-bas. Va commencer un nouveau fil après que j'essaie plus par moi-même! Merci – Brian