Всем добрый день. В этом видео Екатерина, раскажет вам мастер класс: “Сборка готового решения”. На этом мастер классе мы с вами разберём, оформить разные куски ваших решений как продукт.

Но для начала давайте разберем: что же мы подразумеваем под готовым решением? Под готовым решением мы подразумеваем сайт или приложение, которое агрегирует в себе все маленькие части. То есть решение, при котором не надо переходить по ссылкам из google docs, личных сообщений в телеграме или вконтакте. Все ссылки на одном сайте и по нажатию на кнопку происходят переходы между отдельными компонентами: маски, галерея и т.д..

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

• в локальной сети
  • **localhost IPv4 address** (127.0.0.1)
  • **localhost domain** (192.168.*), если несколько компьютеров объединены в одну локальную сеть или телефоны подключается к одному wi-fi
  • local network (localhost)
• workspace domain работает в сети интернет, однако чтобы его запустить надо потратить время, поэтому этот вариант мы пока рассматривать не будем.

На данном мастер-классе мы рассмотрим с вами два варианта:

• это хостинг в локальной сети с помощью Live server
• бесплатный хостинг или точнее CDN система Surge, но с ограничением в 30 секунд

Отдельно стоит рассмотреть проблему бесплатного хостинга. При использовании universal AR SDK без лицензии, мы можем без ограничений работать в локальной сети или с ограничением в 30 секунд работать в сети интернет. Что это значит? Это значит что спустя 30 секунд работа камеры останавливается и у вас на экране остается последний захваченный фрейм. Это не является критичной проблемой в ходе разработки, однако если вы создаете коммерческое решение с использованием universal AR SDK, тогда вам необходимо приобрести лицензию, либо вам надо разобраться как работает workspace домен.

Задание

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

На рисунке вы видите один из предложенных вариантов выполнения. На рисунке представлена главная страница, которая содержит :

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

Хостинг с помощью Live Server

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

1. Запустить редактор кода (предпочтительно VS Code)
2. Скачать плагин Live Server для VS Code
3. Собрать все файлы в полное решение
4. Нажать на кнопку Go Live из главной страницы (index.html)

Перейдем к действиям. Сначала надо открыть редактор кода, в этом мaстер классе мы используем VS Code, но вы можете использовать любой редактор кода - это может быть либо Sublime Text, либо Brackets, либо любой другой редактор кода, который поддерживает плагины, т.к. вам нужно использовать плагин, который автоматически будет обновлять ваши страницы без перезагрузки.

Далее вам необходимо скачать плагин Live Server. В поиске вы набираете запрос и вам автоматически будут показывать результаты. У меня плагин уже установлен, поэтому у меня нет кнопки install. Однако у вас если он не установлен будет голубая кнопка install. Вы нажимаете на эту кнопку и происходит установка. После установки в нижнем правом меню у вас появится кнопка go live.