Предпросмотр — ваше приложение в реальном времени

Вкладка Предпросмотр — это ваше приложение, по-настоящему запущенное на отдельном защищённом облачном компьютере. Это не картинка: можно нажимать кнопки, регистрироваться, записываться на занятие или оформлять заказ, и всё, что вы вводите, сохраняется в базе данных приложения. Каждое изменение MonstarX появляется здесь за считаные секунды.

Что есть на панели предпросмотра?

Слева направо:

Элемент	Что делает
Статус	Работает, когда приложение запущено, Запускается во время запуска, Остановлено, когда оно спит, Ошибка, если запуск не удался.
Адресная строка	Страница, на которой вы находитесь, и список всех страниц приложения.
Компьютер / планшет / телефон	Показывает приложение на всю ширину, шириной 820 px или 390 px.
Изменить	Укажите на страницу и скажите, что изменить. Подробнее — в статье Режим редактирования.
Снимок	Вставьте в сообщение изображение части страницы. Подробнее — в статье Снимок.
Комментарии	Комментарии, которые люди оставили в предпросмотре, и ваши собственные. Подробнее — в статье Совместный доступ и комментарии.
↻ Перезагрузить предпросмотр	Загружает текущую страницу заново.
⟲ Перезапустить сервер разработки	Перезапускает предпросмотр приложения. Используйте, если предпросмотр завис или устарел.
Копировать общедоступную ссылку на предпросмотр (значок копирования)	Копирует адрес предпросмотра для текущей страницы — наведите курсор на кнопку, чтобы его увидеть. Открыть предпросмотр может любой, у кого есть ссылка. В меню ••• этот пункт называется Копировать ссылку на предпросмотр.
↗ Открыть предпросмотр в новой вкладке	Открывает предпросмотр в отдельной вкладке браузера.

Если панель предпросмотра узкая — например, на ноутбуке с широко открытым чатом, — инструменты после адресной строки переезжают в меню ••• (Параметры предпросмотра) в конце строки.

Как открыть другую страницу?

Нажмите на адресную строку. Откроется список всех страниц приложения с файлами, из которых они берутся.

• Нажмите на страницу или начните вводить, чтобы сузить список, и нажмите Enter. Если ввести начало адреса и нажать Enter, откроется эта страница (/pr откроет /pricing).
• ↑ и ↓ перемещают по списку, Esc закрывает его.
• Для страниц с изменяемой частью, например /classes/$id, в поле подставляется шаблон, где эта часть выделена, — можно сразу ввести реальное значение.
• Если вставить полный адрес, останется только часть после домена (/pricing).

Список пополняется по мере того, как MonstarX создаёт новые страницы. Можно также переходить по ссылкам внутри самого приложения.

Как проверить приложение на телефоне или планшете?

Нажмите кнопку планшета или телефона на панели. Предпросмотр сузится до 820 px (планшет) или 390 px (телефон), и будет видно, как подстраивается вёрстка: меню сворачивается в кнопку, колонки выстраиваются друг под другом.

Чтобы проверить по-настоящему, откройте предпросмотр на своём телефоне — см. Создание с телефона.

Перезагрузить или перезапустить?

• ↻ Перезагрузить — как кнопка обновления в браузере: страница загружается заново. Попробуйте это первым, если что-то выглядит устаревшим.
• ⟲ Перезапустить сервер разработки перезапускает программу, которая отдаёт приложение. Используйте, если перезагрузка не помогает, предпросмотр, похоже, завис или об этом просит MonstarX. Адрес в большинстве случаев не меняется.

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

Почему предпросмотр спит?

Чтобы экономить ресурсы, предпросмотр засыпает через 20 минут без использования. Тогда вместо пустой панели вы видите сохранённую копию страницы в том виде, в каком она была в последний раз, с полосой Сохранённая копия · 25 мин назад · Предпросмотр в режиме сна — он запустится при движении или нажатии.

Предпросмотр запускается снова сам, как только вы проведёте курсором над рабочим пространством, прокрутите, начнёте печатать или нажмёте, — или нажмите Запустить сейчас. Если нажать ссылку или кнопку на сохранённой копии, предпросмотр сам откроет эту страницу (Запускаем предпросмотр, чтобы открыть «О нас»…).

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

Можно ли войти в приложение внутри предпросмотра?

Да — регистрируйтесь и входите так же, как ваши пользователи. У предпросмотра, открытого в отдельной вкладке (↗), свой вход, поэтому там нужно войти заново. Если в приложении есть аккаунты, MonstarX даёт в чате готового тестового пользователя (Демо-аккаунт готов).

Кто может открыть предпросмотр?

Внутри MonstarX — владелец проекта и люди, с которыми им поделились. Пользоваться приложением и оставлять комментарии могут все, но кнопки Изменить, Снимок и Перезапустить сервер разработки видят только владелец и люди с правом Можно редактировать.

У предпросмотра есть и свой адрес, который копирует кнопка Копировать общедоступную ссылку на предпросмотр (или пункт Копировать ссылку на предпросмотр в меню •••): открыть предпросмотр может любой, у кого есть эта ссылка, так что делитесь ею осторожно. Ссылка временная — она может измениться при перезапуске предпросмотра, а сам предпросмотр засыпает, когда им никто не пользуется, — поэтому, чтобы показать приложение всему миру, опубликуйте его.

Вопросы и ответы

Данные, которые я ввожу в предпросмотре, настоящие?

Они сохраняются в настоящей базе данных приложения — той же, которой пользуется опубликованное приложение. Тестовые заказы, записи и регистрации появятся на вкладках Админ и Облачные сервисы.

В предпросмотре написано «Ошибка сервера предпросмотра». Что делать?

Нажмите Перезапустить. Если ошибка повторяется, откройте вкладку Журналы, чтобы узнать причину, или спросите о ней в режиме Чат.

Почему предпросмотр показывает карточку, а не приложение?

Пока MonstarX работает или приложение запускается, предпросмотр закрыт карточкой статуса, чтобы вы не видели недописанную страницу. Подробнее — в статье Как следить за сборкой.

Продолжает ли предпросмотр работать, если закрыть MonstarX?

Через 20 минут без использования он засыпает и просыпается, когда вы возвращаетесь. Опубликованное приложение работает отдельно и всегда включено.

Можно ли отправить ссылку на предпросмотр клиенту?

Можно — открыть её может любой, у кого она есть, — но она предназначена для работы над приложением: адрес может измениться, а предпросмотр засыпает. Для всего, чем вы делитесь широко, опубликуйте приложение. Чтобы человек мог следить за работой и комментировать, поделитесь проектом.

Читайте также

Режим редактированияУкажите на предпросмотр и скажите, что изменить.

Вкладка «Журналы»Что выводит сервер предпросмотра.

Опубликуйте приложениеСделайте приложение доступным для всех.