Требования WebXR

Чтобы настроить среду, поддерживающую разработку AR с использованием WebXR, вам потребуется:

Используйте безопасный контекст

Безопасный контекст — это механизм безопасности, который гарантирует, что веб-ресурсы передаются с определенным уровнем безопасности. Вам понадобится безопасный контекст, чтобы обеспечить надежный опыт XR с вашими новыми функциями.

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

  • Ресурс должен быть доставлен по TLS ( https:// ).
  • Ресурс необходимо запрашивать через localhost или *.localhost .

Настроить переадресацию портов

Если у вас нет сервера разработки, доступного через TLS, вы все равно можете разрабатывать в безопасном контексте, используя переадресацию портов Chrome DevTools. Переадресация портов позволяет устройству Android получать доступ к контенту, размещенному на веб-сервере машины разработки. Он создает прослушиваемый TCP-порт на устройстве Android, который сопоставляется с TCP-портом на компьютере разработки. Затем трафик может проходить через USB-соединение между этими двумя портами.

Выполните следующие действия, чтобы настроить переадресацию портов:

  1. Следуйте инструкциям по настройке переадресации портов в инструкциях Chrome DevTools .
  2. Убедитесь, что веб-сервер на рабочей станции разработки работает.
  3. Убедитесь, что ваше соединение работает. Откройте Google Chrome на устройстве Android и перейдите к localhost по номеру порта, указанному в настройках переадресации портов , например localhost:8000 .

Ресурсы веб-сервера теперь должны быть видны с устройства Android. Эти ресурсы обслуживаются в безопасном контексте и могут использовать возможности WebXR.

Настройка поддерживаемого устройства

AR-интерфейсы на Android можно запускать только на устройствах с поддержкой ARCore . Убедитесь, что на устройстве установлены и включены Сервисы Google Play для AR .

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

Следующие шаги

Теперь, когда вы настроили среду разработки для создания AR-приложений с помощью WebXR, вы можете: