Тестирование Verge3D-приложений в мобильных браузерах
Когда вы запускаете приложение Verge3D из диспетчера приложений, оно запускается поверх локального сервера разработки, используя адрес localhost. Этот адрес может быть использован только на вашем компьютере. Для того чтобы проверить работу приложения в браузере мобильного устройства, можно воспользоваться одной из следующих процедур.
Method #1: Локальный IP-адрес
Нажмите на значок шестеренки на левой панели диспетчера приложений и в настройках General включите Enable external server interface:
Снова откройте настройки диспетчера приложений, должна появиться настройка Local network address.
Теперь вы можете использовать предоставленный IP-адрес в локальной сети «Вайфай» или «Езернет» вместо localhost. Запустите диспетчер приложений в веб-браузере мобильного устройства, перейдя по сетевому адресу, например:
http://192.168.2.3:8668/
Теперь запустите свои приложения на мобильном устройстве как обычно — нажатием на синие значки в диспетчере приложений.
Method #2: Локальный IP-адрес + QR-код
Это вариация метода #1. Вместо того чтобы запускать диспетчер приложений, а затем приложение в браузере мобильного устройства, можно запустить приложение на вашем компьютере через диспетчер приложений, используя сетевой адрес.
http://192.168.2.3:8668/
Ссылку на приложение можно открыть на мобильном устройстве с помощью QR-кода. Чтобы сгенерировать такой код, используйте встроенный в браузер Chrome генератор (также работает в браузере Microsoft Edge).
Для других браузеров установите специализированное расширение для генерации QR-кодов.
Полученный QR-код можно отсканировать с помощью камеры мобильного устройства (с помощью встроенного приложения камеры), после чего ссылка автоматически откроется в мобильном браузере.
Method #3: Переадресация портов
Этот метод подходит для устройств Android. При наличии USB-кабеля и Chrome DevTools можно запустить App Manager прямо из браузера мобильного устройства, перейдя по адресу вида http://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. В открывшемся окне в поля Порт и IP-адрес и порт введите одно из следующих значений:
| Вариант Verge3D | Порт | IP-адрес и порт |
|---|---|---|
| Verge3D for Blender | 8668 | localhost:8668 |
| Verge3D for 3ds Max | 8669 | localhost:8669 |
| Verge3D for Maya | 8670 | localhost:8670 |
| Verge3D Ultimate | 8668 | localhost:8668 |
Нажмите Enable port forwarding и закройте окно кнопкой Done.
Страница chrome://inspect должна отображаться зеленым индикатором переадресации портов рядом с устройством.
В результате вы сможете запускать диспетчер приложений прямо из браузера вашего мобильного устройства, перейдя по ссылке localhost:8668. Кроме того, вы можете вывести консоль мобильного браузера, нажав ссылку inspect на странице chrome://inspect .
Остались вопросы?
Задайте их на нашем форуме!