Блог

Я создал веб-приложение (серверная часть symfony и интерфейс React), и я заинтересован в создании прогрессивного веб-приложения. В целом, это кажется осуществимым. Вам нужно создать файл manifest.json и сотрудника службы. Однако я не знаю, где создать эти два файла, чтобы это учитывалось при создании сборки npm (или даже сервера разработки npm, если это возможно). Когда я перетаскиваю эти файлы в корень, браузер сообщает мне, что он не находит ни одного из этих файлов.

Вы можете загрузить свое приложение с помощью шаблона PWA, выполнив приведенную ниже команду:

 npx create-react-app YOUR_PROJECT_NAME --template cra-template-pwa
 

Аргумент --template cra-template-pwa добавляется для создания приложения с сотрудником службы.

Каталог вашего вновь созданного проекта содержит файл index.js . Откройте его и найдите следующий код:

 serviceWorker.unregister();
 

Здесь вы можете видеть, что сотрудник службы еще не зарегистрирован. Вы должны изменить unregister() вызов на register() .

 serviceWorker.register();
 

Настройте манифест веб-приложения для вашего прогрессивного веб-приложения, который находится в manifest.json файле в общедоступном каталоге. Здесь вам необходимо изменить метаданные, которые отвечают за внешний вид вашего приложения.