платформа позволяет разрабатывать фронтальные приложения для
За закрытой дверью фронтенда ЕФС
В этой статье мы расскажем о библиотеке компонентов Единой фронтальной системы (ЕФС) и как в целом устроен фронтенд платформы.
Одной из основных задач программы ЕФС является трансформация всех фронтальных систем к единому технологическому стеку. Фронтальная система в нашем контексте это интерфейс, через который любой пользователь взаимодействует с банком. Это может быть интернет-банк — многим известны приложения Сбербанк Онлайн и Сбербанк Онлайн для бизнеса, — банкоматы, терминалы, интерфейсы операторов в отделениях и call-центрах и другие системы, которыми пользуются многие тысячи клиентов и сотрудников банка в России.
Основная проблема, которую мы решаем, это замена устаревшего кода: фронтальных систем в банке много, у каждого своя архитектура, свой дизайн.
Очевидно, что это неудобно для всех: для клиентов, сотрудников и банка в целом.
Поэтому главная миссия фронтенда ЕФС – заменить существующую сборную солянку и привести все к единой кодовой базе, к единому технологическому стеку с удобным и понятным пользовательским сценарием.
Какие задачи стоят перед разработкой?
Как устроен фронтенд в ЕФС?
У нас есть команда разработчиков платформы ЕФС, а также прикладные разработчики, задача которых – реализовать бизнес-логику.
Команда платформы разрабатывает библиотеку UI-компонентов для внутреннего использования. Примеров подобной разработки довольно много — у таких компаний, как Google, Yandex, Avito, Mail.ru и др. также есть библиотеки компонентов. Команды же прикладных проектов используют эту библиотеку для реализации своих проектов, предоставляя фидбек в случае проблем.
В команде платформы сейчас 8 человек. Мы работаем двухнедельными спринтами, в конце каждого из них выпускаем новую версию библиотеки, в которой содержатся фиксы и, возможно, новые компоненты. У нас, разумеется, есть code review, свой code style – мы взяли лучшие практики программирования и адаптировали их под себя.
В качестве инструментария мы используем набор инструментов от компании Atlassian: JIRA для постановки задач, BitBucket для git-репозиториев и Confluence для документации.
Из чего состоит библиотека?
Поддержка браузеров
Целевыми браузерами являются IE8+. Сейчас IE8, если кто-то помнит, это как в свое время был IE6: ужасное API и ужасная отладка. Конечно, время, проведенное за дебагом в IE8, бесценно. Были случаи, когда разработчики проводили несколько дней в попытках найти, в каком месте возникала ошибка, потому что в IE8 очень скудный инструментарий для дебага и он показывает порой, что ошибка возникла совсем в другом месте.
Поддержка IE не случайна, нам приходится работать с железом из браузера: RFID-таблетки, различные принтеры, сканеры и т.д. В вебе нет единого стандарта по работе с железом: в далеком прошлом технологией для работы с ним был выбран ActiveX. Количество ПО, написанного с использованием ActiveX, колоссально, и это не дает нам в одночасье отказаться от поддержки IE и перейти в сторону современных браузеров. В планах — перевод устаревшего ActiveX на Java-апплеты и отказ от IE8.
Стек технологий
Мы своего рода стартап внутри крупной организации и наш стек технологий фронтенда не сильно отличается от большинства мировых стартапов: react, redux и PostCSS. Все эти технологии зарекомендовали себя с лучшей стороны, к тому же, они позволяют нам поддерживать IE8. Однако, мы не можем резко менять стек технологий, т.к. вокруг него завязана определенная архитектура приложений, например, именно React позволил нам разбить одно огромное приложение на сотни маленьких и подгружать их по требованию, используя SystemJS.
React
Это первая технология, которую мы выбрали по следующим причинам:
Во-первых, мы не обновляем версию React, потому что с какого-то момента они тоже отказались от поддержки IE8. Во-вторых, мы используем es3ify — это loader для webpack, который берет наш ES5 код и перегоняет в ES3. Он просто заменяет некоторые вещи, которые в IE8 не работают.
TypeScript
Второй технологией, которую мы выбрали, был TypeScript, вот почему:
Производительность
Во-первых, мы сделали компоненты «глупыми», то есть избавились от state, вынося его на прикладной уровень. Теперь прикладные разработчики решают, как менять state, а в наши компоненты только пробрасываются нужные props.
Есть библиотечный компонент Input, у него в state хранится value, в render он возвращает input и в onChange он меняет state. Не много ли кода для такого компонента? Однозначно много, давайте отрефакторим этот пример:
Код компонента стал короче, а на уровне выше есть компонент Form, который сам решает, как управлять состоянием компонента: через redux или через простейший setState. Input стал проще, и, соответственно, производительнее.
Второе, мы придерживаемся архитектуры чистых компонентов (PureComponent), т.е. все внешние свойства, внутренний state и контекст проходят проверку соответствия предыдущему состояния. Если состояние не изменилось, то нет смысла вызывать render лишний раз. Эту проверку мы осуществляем в методе shouldComponentUpdate, который добавили во все наши компоненты.
И третье, мы избавились от утечек памяти в коллбеках.
В данном примере у компонента есть коллбек onClick и в него передается стрелочная функция.
Если ее так задать, то здесь возникает утечка. В IE8 ее особенно видно, потому что при каждом повторном вызове render эта функция создается, она накапливается и возникают тормоза в компоненте. Немного изменим наш пример:
Сам код стал лаконичнее и к тому же, мы избавились от утечки, поскольку callback-функция больше не создается при каждом вызове render.
В планах на будущее — прекращение поддержки IЕ8, что позволит использовать более прогрессивные фронтенд-технологии. Кроме того, мы уже приступили к работе над масштабным проектом интеграции с мобильной платформой ЕФС, приступили к разработке гибридной библиотеки, позволяющая один и тот же код использовать и для web, и для мобильных устройств, используя React Native.
В следующий статье про фронтенд программы ЕФС мы расскажем про то, как мы используем Redux и как он стал сердцем нашей архитектуры, подписывайтесь на наш блог, чтобы не пропустить!
Идеи, предложения и пожелания – пишите, будем рады пообщаться с вами в комментариях к статье.
Открываем доступ к Platform V для рынка
У нас примерно три тысячи команд разработки, поэтому, очевидно, нам нужна была платформа, которая позволит быстро выпускать новые приложения, делать изменения в существующих, а так же обеспечивать надежное и безопасное исполнение созданных приложений. Спустя несколько поколений эволюции мы собрали вообще всё, что было разработано в банке, в единую систему. Можно, условно, постучать по API для доступа к любому нужному сервису — и получить кусочек конструктора. Сейчас мы даём доступ для разработки на этой Платформе.
Platform V в первую очередь полезна для разработки энтерпрайз-хайлоада, но это не значит, что ей не могут воспользоваться независимые разработчики. Это проект национального уровня, поэтому мы рассчитываем, что поможем компаниям, которым нужно автоматизировать бизнес-процессы с нуля либо перевести свою текущую автоматизацию на современный технологический стек. Первое, с чего мы начали, — это стали вести все новые разработки с использованием новых инструментов Платформы и инициировали проекты по переводу Legacy-приложений.
Платформа собрана на базе готовых опенсорсных решений. Мы берём какой-то наиболее зрелый опенсорс, коммитим свои изменения или создаём собственный plugin, не забывая отдавать ключевые фиксы в комьюнити. Цель — максимально переиспользовать поддерживаемый код. Большинство доработок и форков касаются поддержки для энтерпрайз-задач — средств обеспечения надёжности, мониторинга, кибербезопасности и самое главное нагрузки.
То есть у нас есть максимально открытый комбайн, который можно использовать для разработки и который будет поддерживаться далеко не только нами.
Что внутри
Используя Платформу, вы по факту работаете со всем тем пластом решений, на котором держится современный опенсорс. Платформа — это набор компонентов, набор инструментов, набор архитектурных шаблонов для построения приложений на всех слоях структуры Энтерпрайз-архитектуры. То есть, по сути, это комплексное решение для того, чтобы автоматизировать всё, чем пользуется любой большой энтерпрайз, да и любая другая компания. На Платформе можно делать фронтальные приложения. На Платформе можно делать бэкофисные приложения. Можно интегрировать. Можно включить свой Legacy-ландшафт в Платформу. И точно так же можно построить модели, аналитические витрины и так далее. Есть готовые компоненты, шаблонные структуры и шаблонные архитектуры.
Многие инструменты имеют интерфейсы, позволяющие накидать только бизнес-логику на основе типовых шаблонов.
По уровню входа и целесообразности применения Платформа соответствует уровню крупных сетевых коммерческих игроков и крупных компаний с государственным участием. Речь про финансовый сектор, медицину со множеством филиалов, крупную розницу и так далее.
Доступы
Часть сервисов доступна публично, но крупный энтерпрайз — это в первую очередь решения на базе частных облаков. Именно поэтому мы готовы ставить нашу Платформу в частном облаке как регион SberCloud, а в дополнение к этому предоставить обучение сотрудников эффективной работе с ней, в том числе подходам к миграции с Legacy-приложений. Всё, что касается безопасности, надёжности, сопровождения, всё это уже есть в Платформе. Плюс клиент сразу получает готовые решения по построению архитектуры, избавлению от единых точек отказа и работающие подходы к трансформации своего ландшафта. И все это от одного поставщика с гарантированным уровнем SLA.
Компоненты Платформы находятся или на территории заказчика, или в наших ЦОДах, при этом платформа предоставляется как услуга, а значит сразу обеспечивается полное соответствие отечественным стандартам в частности финансовой информации, персональных данных и так далее.
Уже сейчас два компонента платформы доступны на СмартМаркет. Они позволяют создать полноценный микросервис с хранением и обработкой бизнес логики в режими самообслуживания буквально за 15 минут. Заходите, регистрируйтесь, пробуйте бесплатно. Созданный микросервис можно использовать как в готовом приложении, так и в любом другом вашем собственном приложении. Раздел с документацией по Платформе.
Для организация мы предлагаем индивидуальные условия сотрудничества.
Более подробно на нашем сайте Platform V.
Компоненты
Больше деталей будет на конференции 20 мая — и техническая часть с разбором и примерами кода, и организационная для продактов, и больше про то, как начать работать с Платформой.
Сбер Platform V
Содержание
TAdviser SummIT 2021: Матвей Ульянычев Platform V
В докладе директор по развитию Platform V 26 мая на TAdviser SummIT 2021 расскажет о том, какие конкурентные преимущества вы можете получить, используя Платформу, и познакомит вас с основными продуктами.
PaaS-сервисы для быстрого создания и исполнения промышленных приложений в облаке
На май 2021 года пользователям Platform V доступен следующий набор PaaS-сервисов для быстрого создания и исполнения промышленных приложений в облаке:
Создание интегратора Integrity Solutions для внедрения Platform V на внешнем рынке
28 декабря 2020 года Сбер сообщил TAdviser о том, что Luxoft создала компанию-интегратора — Integrity Solutions для внедрения цифровой платформы Сбера Platform V на внешнем рынке. Подробнее здесь.
Анонс Platform V
30 ноября 2020 года Сбербанк объявил о создании собственной технологической платформы — Platform V.
Разработка выступает фундаментальной составляющей стратегии, на которой базируются все планы развития финансового и нефинансового бизнеса Сбера. Она уже позволила сократить время вывода продуктов на рынок в семь раз. Благодаря внедрению платформы средняя стоимость транзакции снизилась в два раза.
По состоянию на 30 ноября на Platform V работает более 3000 agile-команд, и Сбер начал миграцию на неё своего ключевого бизнеса.
По информации банка, основная функциональность Platform V реализована на базе Open Source — решений с открытым программным кодом. При этом она позволяет использовать и коммерческие продукты. По словам разработчиков, Platform V увеличивает скорость тестирования продуктовых гипотез — в том числе благодаря развитию Low Code технологий, которые снижают порог входа для работы с ней.
Платформа умного дома от Сбера теперь позволяет создавать собственные сценарии работы устройств
Пользователи умного дома Sber и партнерских решений теперь могут устанавливать расписания и создавать персонализированные сценарии работы умных устройств. Это стало особенно удобно с появлением в продаже умного реле Sber, благодаря которому можно настроить голосовое управление сторонними девайсами через виртуальных ассистентов Салют.
Салют, создай атмосферу для отдыха!
Платформа умного дома Sber теперь позволяет не только управлять устройствами голосом, но и автоматизировать наборы действий. В разделе сценариев в приложении Салют стала доступна настройка расписания и комплексных голосовых команд, например «Включи свет для чтения» или «Сделай уютную атмосферу». К каждой новой команде можно подобрать необходимый набор действий, например, включение и выключение тех или иных устройств, яркость и цвет освещения.
Дополнительные возможности для персонализации работы устройств умного дома дает реле, с которым можно включить в автоматизацию практически любое устройство. Само реле можно встроить в розетку или поставить на DIN-рейку. Оно позволяет также управлять включением и выключением любых устройств голосом.
Линейка смарт-устройств Sber также пополнилась светодиодными лентами длиной 2 метра на клейкой основе. Лентой можно управлять через приложение Салют, а также через любое устройство с интегрированными ассистентами Салют – включать, выключать, управлять цветом, яркостью, настраивать таймер.
Купить реле и светодиодные ленты, как и остальные устройства умного дома Sber, можно на официальном сайте. Реле также представлено на популярных маркетплейсах и в розничных магазинах партнеров.
Дом – главное место в жизни любого человека, где хочется все настроить под себя и добиться идеальных условий в каждый конкретный момент времени: когда человек только встал и готовится к рабочему дню, и когда пришло время уютного вечера с семьей. Мы в SberDevices продолжаем работать над тем, чтобы наши устройства помогали создать именно такую среду, чтобы домой не терпелось вернуться. Для этого мы разрабатываем решения, которые одинаково удобны и массовым интеграторам и тем, кто сам делает ремонт дома
CEO SberDevices, Старший вице-президент по новым цифровым поверхностям Сбербанка
SberDevices — компания экосистемы Сбер, центр экспертизы по решениям на основе искусственного интеллекта в таких областях как речевые технологии, технологии понимания естественного языка, лицевая и голосовая биометрия. Компания также фокусируется на создании умных устройств для конечных потребителей и корпоративных клиентов. SberDevices учреждена в мае 2019 года в качестве департамента блока «Технологии» Сбербанка.
Ассистенты Салют — это первое в мире семейство виртуальных ассистентов с разными характерами, привычками и манерой общения. Каждый пользователь получает возможность выбрать близкого по духу персонажа. Помощники могут не только поддержать разговор и найти ответы на вопросы, но и заказать продукты, записать к врачу или в салон красоты, перевести деньги или оплатить мобильную связь. Доступны как на мобильных устройствах пользователей на платформах iOS и Android в приложениях Сбербанк Онлайн и СберСалют, так и в ряде смарт-устройств под брендом Сбер и не только. Семейство ассистентов разработано командой SberDevices, которая занимается разработкой решений на основе искусственного интеллекта, в том числе проектированием умных устройств.
Platform V Dataspace
Инструмент даёт слой доступа к данным на основе модели данных клиента
Отказоустойчивая и распределенная система для хранения и обработки данных в режиме онлайн, которая хранит данные в оперативной памяти и имеет всю функциональность СУБД
Возможности
Независимость от СУБД, автоматическое формирование и накат DDL-скриптов, поддержка PostgreSQL SE, Oracle, а также встроенной H2 для тестирования на локальном компьютере
Независимость от языка программирования за счёт предоставления Cloud Native протокола для взаимодействия — GraphQL, JSON-RPC 2.0
Поддержка горизонтального масштабирования в контейнерной среде (k8s, OSE)
Поддержка идемпотентности, обеспечивающая защиту от «двойного списания»
Поддержка паттерна физического разделения потоков (CQRS)
Автоматически генерируемые функциональные и unit-тесты, позволяющие протестировать приложение до развёртывания на стендах
Обширный набор метрик для мониторинга производительности
Автоматический DevOps, позволяющий устанавливать новые версии приложений без недоступности
Технологии
Преимущества
Оптимизация Time-2-Market
Широкая функциональность
Стандартизация и снижение рисков
Схема работы
Примеры использования
Разработчик описывает модель данных и с помощью инструмента DataSpace генерирует сервисы для сохранения и поиска данных в БД. Взаимодействие с сервисами происходит через Cloud Native API без требований к использованию конкретного языка программирования или с помощью типизированного Java SDK.
Platform V DataSpace позволяет разработчикам значительно сократить время на разработку бэкенда приложений за счёт решения типовых задач по работе с БД в распределённой среде и обеспечению нужного уровня надежности, а также нивелирует необходимость погружаться в детали работы с БД