Разработка PWA

Как заказать разработку PWA: от клика до старта
Вы нажимаете «Заказать» — и через 5 минут получаете письмо с подтверждением и ссылкой на личный кабинет. В кабинете уже есть базовый опросник: тип бизнеса, текущий сайт (если есть), нужен ли офлайн-доступ, push-уведомления, добавление на главный экран. Среднее время заполнения — 7 минут.
После отправки опросника вы получаете чек-лист «Что будет через 24 часа»: ссылку на репозиторий с демо, примерный план этапов и закреплённого менеджера. Важно: до старта проекта никаких предоплат — только после согласования сметы и дедлайна.
- Оплата возможна картой, через расчётный счёт или криптовалютой (USDT). Минимальный платёж для старта — 30% от сметы.
- В смету входят: настройка service worker, манифеста, иконок, splash screen, тестирование на 5 реальных устройствах (iPhone, Samsung, Pixel, Xiaomi, Huawei).
- Дополнительно: интеграция с Firebase Cloud Messaging для push-уведомлений — от 15 000 ₽ к смете, срок +2 дня.
Если у вас нет готового Angular-приложения — мы разработаем с нуля за 10–14 дней. Если есть — адаптируем за 3–5 дней. В обоих случаях вы получаете ссылку на staging-сервер через 24 часа после старта работ.
Последовательность работ: что и когда происходит
Первый день — анализ вашего кода или макетов. Мы проверяем, работает ли маршрутизация через Angular Router, есть ли статические страницы, какой бэкенд. На основе этого выбираем стратегию кэширования: Cache-First для статики, Network-First для динамики.
На второй день появляется первая версия manifest.json с вашими иконками (мы генерируем 6 размеров автоматически) и theme_color. Параллельно настраивается service worker на базе @angular/pwa (встроенный Schematic).
- День 3–4: настройка push-уведомлений. Мы создаём VAPID-ключи, привязываем их к вашему домену, пишем тестовую кампанию. Вы получаете push со своего же сайта — убеждаетесь, что всё работает.
- День 5: тестирование офлайн-режима. Отключаем Wi-Fi на ноутбуке и телефоне — проверяем, что список товаров или статей открывается без интернета. Если есть формы — сохраняем данные в IndexedDB и отправляем при восстановлении связи.
- День 6: настройка Add to Home Screen (A2HS). Проверяем на iOS (требуется отдельный apple-touch-icon) и Android. Для iOS также настраиваем meta-теги: apple-mobile-web-app-capable, apple-mobile-web-app-status-bar-style.
К концу недели вы получаете ссылку на предрелизную версию. Вы тестируете сами, даёте фидбек — мы вносим правки за 24 часа. Все изменения фиксируются в Git, вы получаете доступ к репозиторию.
Доставка и установка на ваш сервер
После согласования финальной версии мы формируем билд командой ng build --prod. В результате получается папка dist с оптимизированными файлами: CSS минифицирован, JS разбит на чанки, service worker генерирует хеши для каждого файла (политика кэширования — избегаем устаревших файлов).
Варианты доставки: вы скачиваете архив через личный кабинет, или мы деплоим на ваш хостинг по FTP/SFTP либо через CI/CD (GitHub Actions, GitLab CI — настраиваем бесплатно). Важно: PWA должен работать по HTTPS — если у вас только HTTP, мы поможем настроить Let's Encrypt SSL бесплатно.
- Тестируем установку на чистом устройстве: открываем URL → появляется баннер «Добавить на главный экран» → устанавливаем → иконка на рабочем столе → открываем без интернета.
- Проверяем lighthouse: target — не меньше 90 по Performance и PWA. Если меньше — оптимизируем картинки, добавляем предзагрузку шрифтов, настраиваем lazy loading модулей.
- Финальный акт приёма-передачи: вы подписываете чек-лист из 12 пунктов (например, «офлайн-доступ к странице контактов», «push-уведомления приходят за 3 секунды»).
После подписания акта вы получаете исходники, документацию по service worker (что где кэшируется, как чистить кэш) и контакты техподдержки.
Сроки: от «надо вчера» до «сделаем через неделю»
Стандартный цикл: 7 рабочих дней. Из них 5 дней разработка, 2 дня тестирование и фиксы. Если нужно срочно — экспресс-заказ за 3 дня с доплатой 50% к смете. Экспресс возможен только при наличии готового Angular-приложения без доработок бэкенда.
На старте вы получаете временную шкалу с датами: «День 1 — скрининг кода», «День 3 — первый тестовый push». Каждый этап отмечается в задаче Trello (мы создаём доску с вашим доступом). Если мы опаздываем — вы получаете скидку 10% за каждый день просрочки. Пунктуальность контролируется автоматически: бот ставит статусы и уведомляет, если этап задерживается более чем на 4 часа.
- Если у вас свой Angular-проект — разработка PWA занимает 3–5 дней.
- Если с нуля (создание + PWA) — 10–14 дней под ключ.
- Если нужна интеграция с Firebase, одним API, нестандартным бэкендом — добавляем 1–2 дня.
Важно: сроки фиксируются в договоре. Никаких «постараемся» — только конкретная дата и время. Если нужно перенести дедлайн — вы согласовываете это за 2 дня до даты сдачи.
Поддержка после запуска: что входит и сколько стоит
Первый месяц поддержки — бесплатно. Вы можете задавать вопросы в Telegram-чате, просить заменить иконки, обновить манифест, добавить новую страницу в офлайн-список. Ответ в рабочее время — до 2 часов. Среднее время решения по багам — 6 часов.
После первого месяца — тарифы. Лайт (3000 ₽/мес): 5 обращений, обновление service worker, замена иконок и текста в манифесте, консультации по PWA. Стандарт (7000 ₽/мес): 15 обращений, добавление новых страниц в кэш, настройка новых push-кампаний, мониторинг через Google Lighthouse (еженедельный отчёт). Про (15 000 ₽/мес): безлимит, правки кода, расширение функционала (например, интеграция с новым API), круглосуточная поддержка.
- В любой тариф входит хостинг вашего service worker и манифеста — мы не трогаем ваши основные файлы.
- Push-уведомления: вы присылаете текст и ссылку — мы отправляем кампанию за 30 минут. Дополнительная настройка сегментов — 1 день.
- Обновление стратегии кэширования: если у вас изменился бэкенд — мы переписываем service worker под новую архитектуру за 2 дня.
Если после завершения поддержки вы решите не продлевать — PWA продолжает работать ровно в том виде, в котором сдано. Единственное: обновления через магазин приложений не выходят (но вы не используете магазины, это же PWA). Мы пришлём вам инструкцию, как самостоятельно обновлять service worker через CLI.
Итог: вы получаете работающее PWA со всеми проверками, настройкой, гарантией сроков и реальной поддержкой живых людей. Никакого «свяжемся позже» — только конкретные даты, суммы и имена.
Добавлено: 23.04.2026
