[Страница на сайте](https://e5ash.com/services/pwa) Сайты и приложения # Разработка PWA-приложения на заказ Разрабатываем веб-приложение для одного основного действия клиента или сотрудника. Сервис открывается по ссылке, а на согласованных устройствах его можно добавить на главный экран. В первую версию входят адаптивный интерфейс, установка из браузера, подключение к API и запуск. [Обсудить PWA-приложение](https://e5ash.com/contacts?service=pwa) Срок первой версии **от 7 дней** Состав, точный срок и стоимость согласуем до начала работ. 01 / Результат ## Что входит в первую версию PWA - **Один пользовательский сценарий** Выбираем действие, которое человек должен выполнить от начала до результата. - **Адаптивный интерфейс** Готовим экраны для согласованных устройств и проверяем управление на телефоне. - **Установка из браузера** Настраиваем добавление приложения и проверяем его запуск в выбранных браузерах. - **Подключение к API и запуск** Связываем выбранный сценарий с данными сервиса и проверяем работу по опубликованному адресу. 02 / Границы задачи ## За рамками базового состава - Нативные возможности, недоступные браузеру - Сложный автономный режим Список устройств, браузеров и функции первого этапа определяем до разработки. Дополнительные сценарии и автономную работу оцениваем по отдельным требованиям. ## Когда бизнесу подходит PWA Клиенту или сотруднику нужен регулярный доступ к сервису: посмотреть сведения, отправить заявку или выполнить рабочее действие. Выбираем один такой путь и определяем, какие данные и экраны нужны для его завершения. PWA позволяет пользоваться сервисом через веб-интерфейс. Разбираем задачу до выбора формата: кто пользуется сервисом, с каких устройств и какие возможности ему необходимы. Если цель — проверить идею первой рабочей версией, отдельно обсуждаем состав [MVP продукта](https://e5ash.com/services/mvp/index.md) . Само название PWA не определяет количество функций и объём разработки. ## Как выбираем устройства и проверяем установку Согласуем устройства и браузеры, которыми пользуется ваша аудитория. Способ добавления приложения на главный экран и доступность этой возможности зависят от платформы и браузера. Проверяем открытие по ссылке, добавление и последующий запуск на выбранных сочетаниях. Для интерфейса уточняем размер экрана, ввод данных и доступность основных действий. Если сценарию нужны возможности, недоступные выбранному браузеру, рассматриваем другой состав или [мобильное приложение](https://e5ash.com/services/app/index.md) . Решение принимаем по требованиям, а не только по названию технологии. ## Какие данные получает приложение Для основного сценария определяем, откуда приходят сведения и куда передаётся результат действия. Проверяем доступный API, примеры запросов и ответов, условия доступа и тестовое окружение. Согласуем, что показывать во время загрузки, при отсутствии данных и при ошибке операции. Подключение к API входит в выбранный состав. Если у действующей системы нет необходимого интерфейса обмена или его нужно изменить, отдельно оцениваем [разработку API и интеграцию сервисов](https://e5ash.com/services/api/index.md) . Готовность серверной части учитываем в плане первого этапа. ## Как приложение ведёт себя без связи Уточняем, какие действия требуют ответа сервера и что должен увидеть человек при недоступной сети. Для согласованного сценария задаём понятное состояние ошибки и порядок повторной попытки. Проверяем, что интерфейс различает отправленное действие и подтверждённый результат. Установка на главный экран сама по себе не означает полноценную работу офлайн. Сложный автономный режим не входит в базовый состав. Если нужно сохранять операции без связи и синхронизировать их позднее, описываем требования к данным и конфликтам, затем оцениваем отдельный объём. ## Проверка, запуск и оценка первого этапа Проходим выбранное действие на согласованных устройствах: открыть сервис, получить данные, выполнить операцию и увидеть результат. Проверяем адаптивность, установку и запуск, а также предусмотренные ошибки API и сети. После публикации проверяем рабочий адрес и передаём код, доступы и документацию. Ориентир первой версии — от 7 дней при согласованном составе и готовности необходимых материалов и API. Точный срок и стоимость зависят от экранов, данных, подключений и списка проверяемых устройств. Следующие функции и сопровождение планируем после принятия этапа. ## Вопросы перед началом PWA можно добавить на главный экран любого телефона? Возможность и способ добавления зависят от платформы и браузера. До разработки согласуем устройства аудитории и проверяем установку и запуск именно на них. PWA работает без интернета? Автономная работа требует отдельного состава: нужно определить сохраняемые данные, доступные действия и порядок синхронизации. Сложный офлайн-режим не входит в базовую первую версию. Можно подключить PWA к существующему сервису? Проверяем API, доступы и выбранный сценарий обмена. Подключение входит в согласованный этап; разработку недостающей серверной части оцениваем отдельно. Следующий шаг ## Выберем действие для первой версии PWA Опишите, что клиент или сотрудник должен делать в сервисе. Укажите устройства, существующую систему и готовность API, а также действия, для которых важна работа без связи. [Обсудить разработку PWA](https://e5ash.com/contacts?service=pwa) [Как идёт работа](https://e5ash.com/work/index.md) По вашей задаче ## Может пригодиться [Мобильное приложение от 14 дней](https://e5ash.com/services/app/index.md) [API и интеграции сервисов от 1 недели](https://e5ash.com/services/api/index.md) [MVP продукта от 14 дней](https://e5ash.com/services/mvp/index.md)