localhost и 192.168.xx через HTTPS для разработки веб-видеорегистратора и локального тестирования

Question

Я пытаюсь развить опыт виртуальной реальности на основе A-frame.

Я могу проверить это на своей ма c через http://localhost, но не могу сделать то же самое, используя мобильный телефон или гарнитуру VR через http://192.168.1.123.

Проблема заключается в том, что эти браузеры требуют, чтобы страница обслуживалась по HTTPS, а не HTTP, в противном случае доступ к датчику движения устройства будет закрыт, что делает тестирование невозможным.

Используя следующие инструкции, мне удалось успешно передать мою веб-страницу VR с действующим сертификатом.

• https://www.freecodecamp.org/news/how-to-get-https-working-on-your-local-development-environment-in-5-minutes-7af615770eec/
• https://github.com/mattdesl/budo/blob/master/docs/command-line-usage.md#ssl -и-https

Но это недостаточно, мобильное устройство и гарнитура обращаются к странице через локальный wifi IP, такой как 192.168.1.123, а не localhost, и сертификат ssl, кажется, не работает для них, даже если я заменяю localhost на правильный IP при генерации ключ домена и сертификаты.

Полагаю, каждому браузеру устройства нужно обновить доверенный магазин или что-то в этом роде ...

Было бы любопытно узнать, как люди решают свою проблему в процессе локальной разработки и тестирования. ,

Answer 1

Частичный ответ - по крайней мере для Oculus Quest или Go для разработки браузера.

Вы можете использовать Chrome средства удаленной отладки устройства: https://developer.oculus.com/documentation/oculus-browser/browser-remote-debugging/

Затем настройте переадресацию портов для удаленного устройства: https://developers.google.com/web/tools/chrome-devtools/remote-debugging/local-server

Этот метод позволяет обойти весь процесс сертификации, поскольку вы все еще можете использовать порт localhost:, которому браузер предоставляет соответствующие разрешения для устройства.

Answer 2

Поскольку вы не можете использовать IP-номера, вы хотите включить имя локального домена в сертификат, например: { ссылка }

Сработало для меня в аналогичном контексте.