WordPress:ServiceWorker的Push.js实现导致问题

时间:2018-12-14 23:06:05

标签: javascript php android node.js wordpress

我应该从哪里开始?所以首先让我解释一下我的想法:

为了使访问我的网站/博客(使用WordPress创建)更具交互性,我有一个非常好的主意,那就是为用户实施推送通知,以将重要新闻通知他们。因此,我搜索了一段时间并找到了这个框架:

https://github.com/Nickersoft/push.js

这最初是为NodeJS制作的(通过npm和所有东西安装),但我认为它也应该与WordPress一起使用,并从实现开始。


首先,我从GitHub下载了整个.zip,并提取了push.min.js并将其上传到我的服务器,并通过我的functions.php文件将其包含在我的子主题中:

wp_enqueue_script( 'service-worker', get_stylesheet_directory_uri() . '/js/serviceWorker.js' );

之后,我尝试在主题main.js文件中的示例中创建一个新的Push:

Push.create("Slap me!", {
    body: "I'm a bad girl.",
    link: 'google.de',
    icon: ''
});

保存并重新加载页面后,通知成功发送/显示。因此,我已经在智能手机和其他2部手机上尝试过此操作,但是没有显示通知(只是通知以接受来自我页面的通知)。

因此,我开始进行了大量研究,并找到了该主题的一些“错误”。但是它们没有帮助,因为我使用的是WordPress,而不是WebApp。重点说明:我需要serviceWorker才能获得移动支持!


因此,我已经将serviceWorker.js从下载的.zip上传到我的服务器并包括了它:

wp_enqueue_script( 'service-worker', get_stylesheet_directory_uri() . '/js/serviceWorker.js' );

但是它仍然不能在手机上使用!!!这些文件在源下可见,但根本无法正常工作。

这还没有做到:

navigator.serviceWorker.register('https://localhost/wp-content/themes/custom/js/serviceWorker.js', {scope: '/'});

所以我真的不知道该如何运行。你能帮我么?绝对没有文档可用于WordPress。

0 个答案:

没有答案