2017-08-01 70 views
0

我有一個吉他課程網站,我想通過實時或近實時的方式通知用戶(訪客或登錄)關於新通知的內容。我跟着這個例子:Laravel 5.2在瀏覽器中彈出用戶通知 - 示例,提示?

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

我有一個事件成立,我推的帳戶,我有事情在上面的鏈接描述的工作。

但是...我想讓通知顯示通知在很多其他網站上的顯示方式。也就是說,瀏覽器右下角出現一個小的彈出窗口,而不管用戶在當前頁面上滾動的位置。或者,也許消息欄會出現在用戶滾動的瀏覽器的頂部。無論如何,我無法以這種方式找到5.2通知的例子。我所看到的只是在刀片文件中使用消息格的示例,並通過刀片中的推入代碼填充了div。所以我想要做我想做的事情,在精神上是相似的,只是需要一些額外的前端步驟,但我還不清楚。

提示,例子表示讚賞!

感謝

+0

[this](https://blog.pusher.com/create-web-notifications-using-laravel-pusher/)可能有幫助 – csanonymus

+0

有趣,但看看我看到的類是一個laravel 5.4的例子。也許是時候升級...... – Brian

+0

其實,我能夠通過移除使用Illuminate \ Contracts \ Events \ Dispatchable來獲得該示例, 並使用Illuminate \ Broadcasting \ InteractsWithSockets;演示很好地工作,但在我的網站上,我添加了一個列表元素,如示例中,並且通知傳遞正常,我看到通知圖標顯示爲1,但有關我的網站的視圖阻止了通知下拉窗口顯示.. 。也許我會提交新的帖子來解決這個問題。謝謝你的幫助! – Brian

回答

0

那麼你可以使用一個共同的laravel刀片文件(推碼)和繼承文件中的所有刀片模板。 現在使用jquery咆哮(http://ksylvest.github.io/jquery-growl/)或您選擇的警報框,您可以在任何想要的頁面上顯示彈出窗口。

+0

事情是我希望實現類似的精神,以顯示在網址csanonymus提供的。不完全確定如何使用咆哮修改,以保持通知格式不變的方式。在上面的鏈接的例子中,我非常喜歡如何實現和顯示通知。我知道它的工作原理 - 如果你看到我上面的評論,你會發現我不是100%。在我自己嘗試更多之後,將開始新線程!謝謝 – Brian