Предпросмотр на мобильном устройстве через Wi-Fi

Сообщение Предпросмотр на мобильном устройстве через Wi-Fi
» 22 фев 2015, 12:58

Изображение


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







 Начнем с настроек Construct 2.





Заходим в настройки (Preferences) Конструкта. Переходим на вкладку Preview.
По умолчанию стоит порт 50000, но я поставил 80 (Так проще прописывать адрес на мобильных устройствах). Возле поля LAN есть кнопка, нажимаете на нее и выбирает свой локальный IP. Нажимаем ОК, закрываем конструкт(обязательно) и переходим к настройкам системы.
Изображение









 Переходим к настройкам системы





Вызываем команду Выполнить - нажимаем Win+R. Пишем там firewall.cpl
Так же можно через панель управления открыть настройки Брандмауэра Windows
Изображение
Переходим в Дополнительные параметры
Изображение
Нажимаем Правила для входящих подключений слева и потом Создать правило... справа.
Изображение
Дальше по скринам
Изображение
Если в настройках конструкта открывали порт 80, то и здесь пишем 80.
Изображение
Изображение

Дальше он предлагает написать ему имя этого правила. Я написал LocalPreview.
После создания находим его в списке, открываем его, переходим на вкладку Дополнительно и нажимаем кнопку Настроить
Изображение

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

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









 Переходим к настройкам на телефоне





Для начала открываем любой проект в C2 и нажимаем предпросмотр. После открываем Chrome на мобильном устройстве. Прописываем ваш IP. Если вы указали не 80 порт, то после IP ставим двоеточие и пишем порт, все без пробелов.
Изображение

После того, проект открылся заходим в менюшку Хрома и нажимаем Добавить на главный экран
Изображение

Выбираем имя для ярлыка, хром сам закрывается и мы получаем этот ярлычек на главном экране.
Изображение

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




Данный метод достаточно настроить один раз. После, открывая любой проект в С2, вы можете просмотреть его через этот ярлык.






 Важно!





-Для первого предпросмотра каждого проекта необходимо нажать клавишу предпросмотра в самом С2.
-Если вы не закрыли предпросмотр на устройстве и нажали в С2 на клавишу предпросмотра еще раз, то предпросмотр на мобильном устройстве сам обновится. Это очень удобно!!!
-Предпросмотр работает только для первого открытого проекта. Если у вас одновременно открыто два и более проектов, то для каждого надо прописывать правила в системе и создавать ярлыки на мобильном устройстве
-Можно создать второй ярлык для Debug режима. Для этого в хроме на мобильном устройстве, когда создаете ярлык, в конце вашего IP дописываете /debug и заходите в Debug режим. Дальше так же добавляете ярлык на главный экран и можете пользоваться. Чтобы зайти в Debug режим надо уже во время предпросмотра ткнуть кнопку Debug в самом C2
-Запускать С2 обязательно с правами администратора




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

Коротенький видеообзор. Извините за качество. Снимал левой рукой и по быстрому :smile:
Последний раз редактировалось DeX 22 фев 2015, 18:11, всего редактировалось 5 раз(а).
 Дополнительные контакты
Telegram: @DeXVinogradov
Skype: DeXVinogradov
Mail: dexvinogradov@[mail.ru, gmail.com, ya.ru]
Аватара пользователя
DeX

Игродел
Сообщений: 2488
Я тут с 13 дек 2014, 19:22
Откуда: Москва