Javascript 在我的网站上发布新帖子时如何发出桌面通知?

Javascript 在我的网站上发布新帖子时如何发出桌面通知?,javascript,laravel,notifications,laravel-5.3,Javascript,Laravel,Notifications,Laravel 5.3,我有一个食谱博客,每当我发布新食谱时,我都想发送桌面通知。我想知道我如何才能做到这一点,并纳入Laravel(如果需要) 我的JavaScript不是很好,但这是我到目前为止的代码。请求用户的许可,并且工作正常: document.addEventListener('DOMContentLoaded', function () { if (Notification.permission !== "granted") Notification.requestPermission();

我有一个食谱博客,每当我发布新食谱时,我都想发送桌面通知。我想知道我如何才能做到这一点,并纳入Laravel(如果需要)

我的JavaScript不是很好,但这是我到目前为止的代码。请求用户的许可,并且工作正常:

document.addEventListener('DOMContentLoaded', function () {
  if (Notification.permission !== "granted")
    Notification.requestPermission();
});
并发出新的通知如下:

    var notificationOptions= {
      body: 'The body of the notification',
};
    new Notification("Hi, there is a new recipe!", notificationOptions);
控制器中负责向视图传递数据的代码(不确定是否相关,以防万一):


看起来javascript部分已经完成了一半。您所需要的只是将创建的帖子广播到前端。试着看这个视频:我想它有你想要的一切。我会在这里试着说。Thanks@HelderLucas嗯,我已经查过了,但它不适合我。我需要使用一个完整的js框架来实现这一点,在我看来,对于这样一件小事来说,这并不明智。还有其他方法吗?你只需要laravel echo js包。在视频中,他正在使用it vuejs进行演示:)
public function slug(Request $request, $slug)

{
        $post = Post::whereSlug($slug)->first();
        $time=$post->created_at->format('d-m-Y');
        return view('slug', compact('post'));
}