Разработка веб-приложений, которые открываются с любого устройства

Веб-приложение — самый частый ответ на запрос «нужна своя программа». Его не надо устанавливать, обновление видят все пользователи сразу, а работает оно с любого устройства, где есть браузер.

Какие задачи закрывает веб-приложение

• Замена Excel. Расчёт, который жил в таблице с формулами, превращается в экран с полями и кнопкой «Сформировать КП». Так сделан калькулятор ремонта NEWTONE: менеджер вводит площадь, пакет и допы, получает готовое КП.
• Заявки и исполнители. Клиент или житель оставляет заявку, оператор назначает исполнителя, все видят статус. Пример — Argento.
• Сбор и сравнение данных. Приложение само собирает информацию из внешних источников и показывает её в таблице с историей, как мониторинг новостроек.
• Кабинет поверх CRM. Отчёты и инструменты, которых нет в Битрикс24, открываются прямо из левого меню портала.

Разработка веб-приложений: как устроено технически

Приложение состоит из трёх частей. Сервер на Node.js или Go хранит логику и права доступа. База PostgreSQL хранит данные, каждую ночь делается копия. Интерфейс на React работает в браузере и обращается к серверу через API.

Права проверяет сервер, а не интерфейс. Это главное отличие профессионального приложения от собранного на скорую руку: если спрятать кнопку, но не закрыть доступ на сервере, чужие данные можно получить напрямую из браузера. На этом ломаются многие проекты, собранные в конструкторах и ИИ-редакторах.

Сколько стоит и сколько длится

Веб-приложение с одной-двумя ролями, админкой и выгрузкой в Excel начинается от 150 000 ₸. Прототип главных экранов показываем через 1–3 дня, рабочую версию с ролями и интеграциями запускаем от 2 недель. Дороже делают интеграции с CRM и 1С, сложные отчёты, импорт старых данных с чисткой дублей и большое число ролей с разными правами. Предварительную сумму можно увидеть в калькуляторе /kp/ до звонка.

Типичные ошибки заказчиков

1. Начинать с дизайна. Красивые макеты без модели данных приходится переделывать, когда выясняется, что у заявки бывает два исполнителя.
2. Заводить вторую базу клиентов. Если клиенты уже в CRM, приложение должно брать их оттуда.
3. Не думать об администрировании. Цены, справочники и сотрудники должны меняться из админки, иначе каждое изменение превращается в заявку программисту.
4. Хотеть всё в первой версии. Запускаем один процесс, остальное добавляем по факту работы.
5. Забыть про перенос данных. Старые заявки, клиенты и прайсы из Excel нужно загрузить, почистить от дублей и сверить. Это отдельная работа, и её лучше заложить в план сразу, а не обнаружить за день до запуска.
6. Не назначить ответственного. У приложения со стороны заказчика должен быть человек, который принимает экраны и отвечает на вопросы. Без него сроки растягиваются вдвое.

Когда веб-приложения мало

Если сотрудники работают там, где нет связи, нужна PWA с офлайн-режимом — см. приложение для сотрудников на выезде. Если приложение ставят клиенты и нужны push-уведомления, смотрите мобильные приложения. А если вы планируете продавать сервис другим компаниям по подписке, это уже SaaS с мультитенантностью и биллингом.