Тестирование Verge3D-приложений в мобильных браузерах

Когда вы запускаете приложение Verge3D из App Manager, оно запускается поверх локального сервера разработки, используя адрес localhost. Этот адрес может быть использован только на вашем компьютере. Для того чтобы проверить работу приложения в браузере мобильного устройства, можно воспользоваться одной из следующих процедур.

Method #1: Локальный IP-адрес

Нажмите на значок шестеренки на левой панели App Manager и в настройках включите Enable external server interface:

Снова откройте настройки App Manager, должен появиться Local network address.

Теперь вы можете использовать предоставленный IP-адрес в локальной сети Wi-Fi или Ethernet вместо localhost. Запустите App Manager в веб-браузере мобильного устройства, перейдя по сетевому адресу, например:

http://192.168.0.170:8668/

Теперь запустите свои приложения на мобильном устройстве как обычно - нажатием на синие значки в диспетчере приложений.

Method #2: Локальный IP-адрес + QR-код

Это вариация метода #1. Вместо того чтобы запускать App Manager, а затем приложение в браузере мобильного устройства, можно запустить приложение на вашем компьютере через App Manager, используя сетевой адрес.

http://192.168.0.170:8668/

Ссылку на приложение можно открыть на мобильном с помощью QR-кода. Ссылку на приложение удобно открыть на мобильном с помощью QR-кода. Для этого необходимо установить расширение на браузер вашего компьютера, например QR Code Generator for Chrome или QRify for Safari.

Полученный QR-код можно отсканировать с помощью камеры мобильного устройства, таким образом откроется ссылка в мобильном браузере. Для этого вам необходимо установить приложение QR-сканера на свое мобильное устройство, например QR Code Reader for Android или QR Reader for iPhone.

Method #3: Переадресация портов

Этот метод подходит для устройств Android. При наличии USB-кабеля и Chrome DevTools можно запустить App Manager прямо из браузера мобильного устройства, перейдя по адресуlocalhost:8668.

В отличие от методов 1-2, этот метод подходит для запуска AR/VR-приложений, поскольку localhost не требует защищенного соединения между мобильным браузером и рабочей станцией. Кроме того, вы сможете видеть вывод консоли мобильного браузера.

На устройстве Android перейдите в раздел Settings > Developer options и включите USB debugging.

По умолчанию опции разработчика в устройствах Android скрыты. Вы можете разблокировать их, найдя номер сборки в меню "Настройки" и нажав на него несколько раз.

Подключите устройство Android с помощью USB-кабеля. В браузере Chrome на компьютере перейдите по адресу chrome://inspect.

На вашем устройстве Android должно появиться всплывающее диалоговое окно - если это не так, перезагрузите страницу chrome://inspect или переподключите кабель USB. Во всплывающем окне разрешите отладку USB, нажав OK.

Теперь вы должны увидеть свое устройство Android на странице chrome://inspect . Кроме того, если вы откроете Chrome на мобильном устройстве, оно должно появиться в списке.

Нажмите кнопку Port forwarding на странице chrome://inspect . В открывшемся окне: в поле Port введите 8668, в поле IP address and port введите localhost:8668. Нажмите Enable port forwarding и закройте окно кнопкой Done.

Страница chrome://inspect должна отображаться зеленым индикатором переадресации портов рядом с устройством.

В результате вы сможете запускать App Manager прямо из браузера вашего мобильного устройства, перейдя по ссылке localhost:8668. Кроме того, вы можете вывести консоль мобильного браузера, нажав ссылку inspect на странице chrome://inspect .

Остались вопросы?

Задайте их на нашем форуме!