Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Лабораторная работа №8: Progressive Web App (PWA) #14

Open
webkadiz opened this issue Dec 18, 2022 · 1 comment
Open

Comments

@webkadiz
Copy link

Здесь находятся обсуждения, вопросы, ответы, решения проблем по лабораторной работе №8, вариант с PWA

Не стесняйтесь здесь писать свои вопросы, этот тред специально для этого сделан

@webkadiz
Copy link
Author

Небольшое дополнение о том, как запустить pwa на телефоне. Для сдачи лабы этого не требуется, показать все можно и с десктопа. У многих возникла проблема с подключением к бэкенду, все из-за того, что pwa требует https. Но такого требования нет при работе с localhost, поэтому с десктоп все нормально. Проблема детальней описана здесь

Какие решения? Я вижу 2:

  • более общее: сгенерить self-signed сертификат, установить на мобилке и сделать бэк https
  • вариант побыстрее (для Android): использовать remote отладку и port forwarding.

Remote debugging:

  • вот здесь детально описано как это сделать
  • нужно включить USB debugging (USB отладка) в настройках телефона. Возможно нужно будет активировать developer mode, погуглите как это сделать, обычно нужно найти плашку в найстройках и тапнуть раз 7 по ней
  • подключить через usb кабель телефон
  • открыть chrome://inspect#devices
  • подтвердить remote отладку на телефоне
  • настроить port forwarding в chrome://inspect#devices
  • нужно прокинуть два порта: клиентский (3000) и серверный (например, 4000)
  • после этого должно все заработать

мы использовали remote debugging для решения проблем с https, но это более мощная штука, с ее помощью можно запускать веб-приложение на телефоне и использовать DevTools по полной.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant