# Приложение (PWA)

Источник: https://docs.emdesell.ru/nastroika-servisa/nastroiki/prilozhenie-pwa

[Оформление](https://docs.emdesell.ru/nastroika-servisa/nastroiki/oformlenie.md) <--- [Приложение (PWA)](https://docs.emdesell.ru/nastroika-servisa/nastroiki/prilozhenie-pwa.md) ---> [Курсы и уроки](https://docs.emdesell.ru/nastroika-servisa/nastroiki/kursy-i-uroki.md)

***

Как установить приложение для онлайн-школы.

***

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

А также рассмотрим, как можно установить это приложение на устройства типа ios и android.

***

PWA (Progressive Web App) — это такой сайт, который ведёт себя как приложение. Представь, что ты открываешь сайт в браузере, но он работает быстро, может устанавливаться на телефон, присылать уведомления и работать даже без интернета.

Простыми словами:

Как обычный сайт: ты открываешь его в браузере.
Как приложение: можно добавить на главный экран телефона (как значок) и запускать, не заходя в браузер.
Работает оффлайн: запоминает, что ты видел раньше, и открывает это даже без интернета.
Пуш-уведомления: может напоминать о чём-то, как обычные приложения.
PWA — это что-то среднее между сайтом и приложением, но без необходимости скачивать его из магазина приложений.

***

Включение и настройка приложения
Для начала нужно выполнить включение и настройку приложения в кабинете школы.

Для этого необходимо выполнить следующие шаги:

* Перейти в раздел настройки

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/1.jpg)

* Далее, нужно будет перейти в подраздел **приложение (PWA)**

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/2.jpg)

* Сначала нужно включить приложение

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/3.jpg)

* Далее, необходимо будет заполнить обязательные поля для создания приложения: название, короткое название и прикрепить картинку для иконки в формате 512x512

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/4.jpg)

* Остальные параметры настроек: описание, цвет фона, цвет шапки, превью приложения для мобильных и ПК можно заполнить по желани

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/5.jpg)

* Далее нужно нажать кнопку сохранить изменения

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/6.jpg)

* Таким образом включили и создали приложение (PWA) для онлайн-школы

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/7.jpg)

***

Теперь необходимо скопировать ссылку для установки приложения

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/8.jpg)

***

Далее рассмотрим установку приложения на мобильное устройство типа IOS.

***

### IOS

Переходим по ссылке установки с моб. устройства ios.

В частых случаях на устройствах такого типа используется браузер Safari.

При переходе по ссылке установки приложения в браузере Safari появится следующее окно

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/9.jpg)

В этом окне будет написана инструкция по дальнейшим действиям для установки приложения.

Нужно будет выполнить следующие шаги:

* Нажать на кнопку **поделиться**

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/10.jpg)

* Далее в открывшемся меню нужно будет нажать кнопку **на экран домой**

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/11.png)

* Далее нужно будет нажать кнопку **добавить**

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/12.jpg)

Далее начнется установка приложения на телефон.

После установки приложения на главном экране мобильного устройства появится иконка приложения

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/13.jpg)

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

Если в устройстве типа ios стоит другой браузер по умолчанию, то рекомендуем использовать браузер **safari** или **google chrome для верси1 ios не ранее 17.6.1.**

***

### Android

екомендуем выполнять установку приложения через браузер Google Chrome.

Выполняем следующие шаги для установки приложения:

* Открываем вкладку браузера Google Chrome;

* Вставляем ссылку для установки приложения в строку ввода url в окне браузера

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/14.jpg)

* Далее нужно нажать кнопку **установить приложение**

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/15.jpg)

* Далее нужно нажать кнопку **установить**

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/16.jpg)

* Далее начнется установка приложения на телефон

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/17.jpg)

Далее нужно проверить отображение иконки на главном экране устройства и выполнить вход в кабинет в этом приложении под своими данными

![](https://docs.emdesell.ru/.assets/nastroiki/pwa/18.jpg)

***

[Оформление](https://docs.emdesell.ru/nastroika-servisa/nastroiki/oformlenie.md) <--- [Приложение (PWA)](https://docs.emdesell.ru/nastroika-servisa/nastroiki/prilozhenie-pwa.md) ---> [Курсы и уроки](https://docs.emdesell.ru/nastroika-servisa/nastroiki/kursy-i-uroki.md)