WordPress: реализация ServiceWorker методом Push.js вызывает проблемы

С чего мне начать? Итак, прежде всего позвольте мне объяснить свою идею:

Чтобы сделать посещение моего сайта / блога (созданного с помощью WordPress) более интерактивным, у меня возникла прекрасная идея реализовать push-уведомления для моих пользователей, чтобы уведомлять их о важных новостях. Итак, я некоторое время поискал и нашел эту структуру:

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

Изначально это было сделано для NodeJS (установка через npm и все такое), но я подумал, что он должен работать и с WordPress, и начал с реализации.


Сначала я загрузил весь .zip с GitHub, извлек push.min.js, загрузил его на свой сервер и включил через свой файл functions.php в свою дочернюю тему:

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

После этого я попытался создать новый Push, как в примере из файла main.js моей темы:

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.

Позвольте мне перефразировать это, чтобы увидеть, правильно ли я понял. Я нашел библиотеку javascript для уведомлений на рабочем столе и попытался вставить ее на свой сайт Wordpress. Теперь я хочу знать, почему это не работает на мобильном устройстве. Это примерно так?

gforce301 15.12.2018 00:34

@ gforce301 Моя компания будет любить вас: мои требования в одном предложении. Вы абсолютно правы! Но цель заключалась в том, чтобы показать весь процесс и то, что я сделал, чтобы все было понятно.

Mr. Jo 15.12.2018 01:06
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
93
0

Другие вопросы по теме