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

уроки, мануалы, советы по Construct 2

Сообщение Предпросмотр на мобильном устройстве через 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 раз(а).
По всем вопросам писать в скайп DeXVinogradov
Аватара пользователя
DeX

Игродел
Сообщений: 2417
Я тут с 13 дек 2014
Откуда: Краснодар
Skype: DeXVinogradov
Репутация 478 [ ? ]

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

отлично! :ok:
Аватара пользователя

Администратор
Сообщений: 5706
Я тут с 05 сен 2012
Двиг: Construct2
Лицензия: Personal
Skype: c2community
VK: gabrielsailergray
Репутация 377 [ ? ]

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

Sailer, сам вчера нарадоваться не мог. Это реально очень сильно упрощает процесс создания :smile:
По всем вопросам писать в скайп DeXVinogradov
Аватара пользователя
DeX

Игродел
Сообщений: 2417
Я тут с 13 дек 2014
Откуда: Краснодар
Skype: DeXVinogradov
Репутация 478 [ ? ]

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

добавил банер для иллюстрации :ok:
Аватара пользователя

Администратор
Сообщений: 5706
Я тут с 05 сен 2012
Двиг: Construct2
Лицензия: Personal
Skype: c2community
VK: gabrielsailergray
Репутация 377 [ ? ]

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

На телефоне пишет веб-страница не доступна :(
Сделал всё как у вас
Аватара пользователя

Участник
Сообщений: 99
Я тут с 10 фев 2015
Откуда: Россия
Репутация 2 [ ? ]

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

Evgeny писал(а):На телефоне пишет веб-страница не доступна :(
Сделал всё как у вас

Должно работать. Проверяйте IP, порт и запущен ли предпросмотр в С2
По всем вопросам писать в скайп DeXVinogradov
Аватара пользователя
DeX

Игродел
Сообщений: 2417
Я тут с 13 дек 2014
Откуда: Краснодар
Skype: DeXVinogradov
Репутация 478 [ ? ]

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

DeX, Да я уже как и что только не делал
Даже правило создавал по новой 4 раза (порты разные пробовал)
Всё безрезультатно :(
 Скрины
Во время предпросмотра на пк
Изображение
Настройки в С2
Изображение
На телефоне
Изображение
Аватара пользователя

Участник
Сообщений: 99
Я тут с 10 фев 2015
Откуда: Россия
Репутация 2 [ ? ]

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

пробуйте 192.168.1.80, и порт исправьте
Аватара пользователя

Администратор
Сообщений: 2393
Я тут с 06 сен 2012
Откуда: Санкт-Петербург, Южно-Сахалинск
Skype: sirg1987
Репутация 261 [ ? ]

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

Evgeny, порт это то, где написано 50000. Там вместо 50000 ставим 80. А IP это то, где у тебя написано 192.168.0.80. Только мне кажется что твой IP не на 80 заканчивается. Там рядом есть кнопка с тремя точками. Нажимаешь на нее и выбираешь тот IP который он там предлагает.
По всем вопросам писать в скайп DeXVinogradov
Аватара пользователя
DeX

Игродел
Сообщений: 2417
Я тут с 13 дек 2014
Откуда: Краснодар
Skype: DeXVinogradov
Репутация 478 [ ? ]

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

Sir_G, Зачем мне левый ip?)
DeX, Да, я уже и 80 делал(
 
Изображение
Аватара пользователя

Участник
Сообщений: 99
Я тут с 10 фев 2015
Откуда: Россия
Репутация 2 [ ? ]



Вернуться в Уроки по Construct 2

Сейчас эту тему просматривают

Зарегистрированные пользователи: нет зарегистрированных пользователей

Наверх