Рассчитатьза 1 час
Главная / Наш опыт / Веб-интерфейс для продукта SAP
Веб-сервисы и бизнес-системы
ERP · SAP

Веб-интерфейс для продукта SAP

Веб-клиент для субподрядчиков московской госорганизации: договоры, заявки, сметы и акты через REST к сервисам SAP под NDA.

Срок4 месяца
Стоимость разработкискрыто
ФорматERP · SAP
СтатусЗакрытый проект (NDA)
Задача
Защищённый веб-клиент для субподрядчиков поверх SAP ERP
Решение
React SPA и OData через SAP Gateway с ABAP-командой
Результат
Электронный документооборот: −25% время заявок, −40% ошибок ввода

Зачем мы сделали веб-интерфейс SAP

Крупная московская госорганизация модернизировала работу с внешними субподрядчиками: критичные операции оставались в SAP, а обмен шёл разрозненными каналами. Нужен был единый защищённый портал, где контрагент видит договоры, подаёт заявки на материалы, обменивается сметами и актами и получает отчётность без доступа к ядру ERP.

Интеграция должна идти через REST к существующим SAP-сервисам и соответствовать корпоративным требованиям информационной безопасности. ESK разрабатывала фронтенд и интеграционный слой как субподрядчик, параллельно с ABAP-командой основного контрактора; детали деятельности закрыты NDA, но опыт интеграции с SAP стал для нас первым полноценным.

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

Ключевой функционал

01
Кабинет субподрядчика
Дашборд задач и уведомлений, реестр контрагентов и карточки организаций с историей взаимодействия — только в рамках прав пользователя.
02
Договоры и материалы
Просмотр и фильтрация договоров с выгрузкой печатных форм; заявки на материалы с привязкой строительных позиций к сметам.
03
Сметы и акты
Создание, согласование и передача смет с версионированием; оборот актов выполненных работ до подписания ЭП и архивации.
04
Отчётность
Стандартные сводки и ролевые отчёты для кураторов организации-заказчика без ручной сборки таблиц из нескольких систем.
05
Безопасность и ЭП
HTTPS, JWT-аутентификация, CSP при сборке Webpack и интеграция с корпоративной электронной подписью для утверждения документов.
06
Интеграция OData
Потребление сервисов SAP NetWeaver Gateway: совместная доработка эндпоинтов с ABAP-командой и песочницы для тестов без риска для продуктива.

Как это устроено

Тонкий SPA на React 18 и TypeScript общается с SAP-ландшафтом через REST/OData на NetWeaver Gateway — UI отделён от ERP-логики. Redux Toolkit и Material UI дают типизацию, госстандарт оформления и адаптивность; Axios с перехватчиками централизует ошибки и ретраи под SLA 99,5%.

Большие списки (тысячи позиций) держим через виртуализацию таблиц и фоновую подгрузку; валидация полей сверяется со справочниками SAP, чтобы не ловить рассинхрон на бэкенде. Подписание документов идёт через сертифицированные СКЗИ в духе требований 63-ФЗ.

Scrum-итерации: обследование регламентов, прототипы экранов, Jest и Cypress, нагрузка k6, пилот с фокус-группой субподрядчиков и вывод в продуктив за четыре месяца совместно с контрактором без блокеров на стороне SAP.

Веб-клиент для субподрядчиков SAP

Как шла работа

01Обследование процессов и требования OData
02Прототипы React и согласование API
03ЭП, виртуализация списков и тесты
04Пилот субподрядчиков и продуктив

Технологии

ReactTypeScriptRedux ToolkitMaterial UIODataSAP GatewayJWTCypress
Нужен веб-клиент к SAP? Такой проект — от 4 месяцев по фиксированной цене или 0 ₽ за разработку при сопровождении от 45 000 ₽ в месяц.

Что получилось

Веб-клиент заменил разрозненные каналы общения с субподрядчиками: документооборот стал полностью электронным и юридически значимым, цикл согласования смет и актов сократился кратно. По оценке заказчика время обработки заявки на материалы снизилось примерно на 25%, ошибки ручного переноса — на 40%.

Руководители отслеживают исполнение договоров и закупки по актуальным потребностям в одном окне без выгрузок в сторонние мессенджеры. Для ESK проект стал вехой в интеграции с SAP NetWeaver Gateway — шаблоны подключения SPA к OData мы переиспользовали в следующих заказах с SAP-ландшафтами.

Заказчик отметил надёжность и удобство на опытной эксплуатации; публично детали закрыты NDA, но качество взаимодействия с субподрядчиками вышло на новый уровень и заложило базу для смежной автоматизации закупок и исполнения договоров в том же ландшафте.

Похожие проекты

Все проекты →

Нужен похожий сервис?

Опишите задачу — назовём срок и цену в течение часа.

Ответить вв течение часа