Тестирование «Вердж3Д»-приложений в мобильных браузерах

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

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

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

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

Теперь вы можете использовать предоставленный АйПи-адрес в локальной сети «Вайфай» или «Езернет» вместо localhost. Запустите менеджер приложений в веб-браузере мобильного устройства, перейдя по сетевому адресу, например:


      http://192.168.0.170:8668/

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

Method #2: Локальный АйПи-адрес + КуЭр-код

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


      http://192.168.0.170:8668/

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

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

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

Этот метод подходит для устройств «Андроид». При наличии ЮСБ-кабеля и Хром DevTools можно запустить App Manager прямо из браузера мобильного устройства, перейдя по адресуlocalhost:8668.

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

На устройстве «Андроид» перейдите в раздел Settings → Developer options и включите USB debugging.

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

Подключите устройство «Андроид» с помощью ЮСБ-кабеля. В браузере Хром на компьютере перейдите по адресу chrome://inspect.

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

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

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

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

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

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

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