06.01.2025

Приложение сбербанк отзывы: Мобильное приложение Сбербанк Онлайн | Отзывы покупателей

Отзывы о СберБанке: «Мошенники списали деньги с карты через мобильное приложение «Сбербанк онлайн»»

Всегда считала, что Сбербанк самый надежный банк, поэтому доверяла свои деньги именно ему! Но на днях со мной случилась очень неприятная ситуация….

Сбербанк активно рекламирует свое приложение «Сбербанк онлайн» так, как это очень удобный и замечу безопасный, как говорится в рекламе, сервис. 27 октября этого года я решила скачать себе мобильное приложение «Сбербанк онлайн», раньше им никогда не пользовалась, только услугой мобильный банк, не более. Нашла приложение, скачала его и установила на телефон, приложение со всеми брендовыми атрибутами Сбербанка, подозрения оно у меня не вызвало. Однако воспользоваться им сразу после установки не получилось, было написано — извините ведутся тех. работы — зайдите позже.

Позже я пошла спать, так как уже было поздно. Проснувшись утром, я обнаружила кучу смс о переводе моих средств с карты, меня охватил ужас, так как деньги, находившиеся там это мои декретные, сумма крупная для меня. Я сразу позвонила на горячую линию Сбербанка, там мне заблокировали карту и направили в отделение. Уточню, что все списания были 28 октября ночью с 2 до 7 утра, позвонила я на горячую линию в 9 утра и сразу отправилась в банк. В банке написала все необходимые заявления о действии мошенников. Однако там мне намекнули, что шансов как бы нет вернуть мои деньги!

Вопрос у меня такой — неужели банки не должны следить за безопасностью? Да я сама скачала приложение, но служба безопасности банка на то и существует, чтобы бороться с такими мошенниками и фейками. Должен быть какой то дополнительный уровень защиты для таких случаев, ведь и все больше, а для кого то эти деньги, украденные мошенниками, последние. Для меня они тоже очень нужные, так как я будущая мама в декрете. Помимо банка я обратилась в полицию, также планирую обратиться в Прокуратору и в Визу.

Почитала отзывы о подобных ситуациях и очень не хочется смиряться с тем, что Сбербанк почти всегда снимает с себя вину в подобных случаях и не возвращает деньги, в то время, как в других банках такие вопросы решаются положительно для клиента. Я пойду до конца, чтобы вернуть мои деньги! Считаю, что Сбербанк обязан отследить движение украденных у меня денежных средств, иначе зачем там служба безопасности? Зачем рекламировать то, что может помочь заработать мошенникам? Сначала надо продумать все уровни безопасности, а потом уже рекламировать свои приложения. Сбербанк пока не дал мне ответ, очень надеюсь, что мой вопрос будет решен положительно и что Сбербанк будет бороться с такими фейками, чтобы другие люди не попадали в такую беду.

Мобильное приложение Сбербанк Онлайн — «Новые правила Сбербанк как нож в спину граждан, особенно в такой сложный период! Ещё не слышали о комиссии за переводы внутри банка?»

Добрый день! Не знаю многие ли уже в курсе, но я вот только узнала и обомлела от новости о взимании штрафов за переводы внутри Сбербанка, и речь идёт не о переводах в другие регионы, а в общем для всех!

Мобильное приложение Сбербанк Онлайн фото

Такое ощущение, что государству все мало и в без того тяжелое время пандемии, когда многие остались без зарплаты, а некоторые и без работы, нужно отнять и то, что ещё осталось!

Мобильное приложение Сбербанк Онлайн фото

Теперь у каждого лимит на переводы 50 000, если Вы думаете, что это много, то зря! Давайте не будем забывать, что многие снимают квартиру, оплачивают счета, штрафы и т.д. Именно через Сбербанк! Плюс нужно ещё время от времени помогать родственникам или Вам , к примеру, нужна помощь! И как тогда быть? А вот так, теперь взимается по 1 % с суммы перевода каждый раз, если лимит исчерпан в текущем месяце! То есть Вы попросили в долг , с того человека списали +1 %, время пришло отдавать — будь добр снова + 1 %!

Конечно же о клиентах позаботились и предложили тарифную сетку с подробно указанной стоимостью абонементов (списываются автоматически по подписке)!
И это же не человеческие ресурсы тратятся! Это автоматизированная система, которая берет деньги за воздух! Просто за то, что Ваши деньги лежат у них на счетах и находятся в постоянном обороте! Поразительно!

Мобильное приложение Сбербанк Онлайн фото

Буду очень признательна, если посоветуете надежный банк без таких вот «услуг»!

Мобильное приложение Сбербанк Онлайн — «Без него теперь никуда!»

Доброе время суток, читатель!

 

Сегодня в своём отзыве расскажу о приложении «Сбербанк» для телефона. Этим приложением я пользуюсь уже несколько лет, оно очень удобное и заменяет поход в отделение сбербанка.

 

Скачав приложение, необходимо зарегистрироваться. Каждый раз входя в приложение, необходимо вводить пароль, который вы придумываете сами. Я очень рада этой услуге, так средства на карте надёжно защищены.

Мобильное приложение Сбербанк Онлайн фото

Войдя в приложение, нам открывается разнообразное количество услуг. Постараюсь как можно подробнее объяснить, что к чему.

На главной странице есть вкладка «мой помощник». В ней находятся: мои финансы, карты, вклады и счета, кредиты, цели, брокерские счета.

​​​

Мобильное приложение Сбербанк Онлайн фото

В моих финансах можно посмотреть общую сумму всех средств на всех картах и счетах. А также можно увидеть количество бонусов «спасибо от сбербанка».

Мобильное приложение Сбербанк Онлайн фото

Во вкладке «карты» нам видны все наши карты и находящиеся средства на них.

Мобильное приложение Сбербанк Онлайн фото

Вклады и счета отображают средства, находящиеся на них. А также виден срок договора и поступающий процент.

Мобильное приложение Сбербанк Онлайн фото

Остальные вкладки также отображают свои значения, у меня они пустые.

Мобильное приложение Сбербанк Онлайн фото

Вкладка «платежи» очень полезная вещь, которая позволяет нам переводить наши средства с карты на карту, можно переводить между своими счетами, в том числе и из вкладов и счетов.

Мобильное приложение Сбербанк Онлайн фото

 

Можно оплачивать мобильную связь различных операторов без комиссии, оплачивать коммунальные платежи не выходя из дома.

Мобильное приложение Сбербанк Онлайн фото Во вкладке «госуслуги» можно переводить свою пенсию. В «прочее» подключить «автоплатёж». Мобильное приложение Сбербанк Онлайн фото

Во вкладке » история», сохрается вся наша история переводов, в ней можно повторить перевод, не вводя каждый раз номер карты получателя или номер телефона.

Мобильное приложение Сбербанк Онлайн фото

Можно посмотреть курсы валют, продать или приобрести.

Мобильное приложение Сбербанк Онлайн фото Приложение «Сбербанк» очень удобное и многофункциональное, оно просто необходимо в наше время для всех держателей карт «Сбербанк», счетов и вкладов. Если вы его ещё не установили, то советую вам это сделать.

 

Спасибо всем за внимание!

Мобильное приложение Сбербанк Онлайн — «Приложение понятное для всех) плюс Сбербанку »

Всем привет !

сегодняшний рассказ пойдёт о приложении сбербанк онлайн.

Мобильное приложение Сбербанк Онлайн фото Так как я редко пользуюсь услугами банков я искала для себя выгодные предложения по кредитным картам и нашла их и мне сбербанке. Очень долгое время не решалась на использование мобильного приложения т.к. думала что это не очень удобно. Но воспользовавшись их услугами один раз не Смогла не признать что на самом деле это большая экономия времени и нервов и не только)

И вот уже три года мы неразлучные друзья.

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

Расскажу только основные плюсы которые я для тебя вынесла.

Первый и пожалуй самый главный плюс как я уже сказала это экономия времени, Так как не нужно никуда идти чтобы сделать перевод/оплатить мобильный телефон…не нужно стоять и длинных очередях в кассу и тратить свое время и нервы впустую. А также оплата товаров в интернете.

Вторым несомненным плюсом является лёгкий интерфэйс программы, его поймёт даже ребёнок.

Мобильное приложение Сбербанк Онлайн фото

Третьим плюсом я бы назвала бонусную систему под названием спасибо от сбербанка, где после совершения покупок в определённых магазинах вам начисляются бонусы «спасибо», Которыми до недавнего времени можно было оплатить услуги связи МТС, а также оплачивать часть стоимости покупок в магазинах аптеках и так далее.

Четвёртый плюс. Можно в режиме реального времени проверить свой баланс на карте, на вкладе и узнать о состоянии кредита.

Пятый плюс. Возможность завести вклад не выходя из дома , пусть он будет в небольшой процент но все же он есть.

Шестой плюс. Быстрое реагирование системы на списание и пополнение счёта.

Седьмой плюс. Приложение всегда покажет на карте ближайший банкомат или отделение сбербанка.

И конечно же несомненным бонусом является то что приложение абсолютно бесплатное.

Из минусов пожалуй я бы выделила только редкие системные работы из-за которых иногда приложение зависает и пожалуй всё.

Сбербанк России — «Приложение «Сбербанк Онлайн» для мобильного телефона. Забудьте про очередь в банке! Подробная инструкция по установке и использованию + МНОГО СКРИНШОТОВ»

Доброго времени суток! Сегодня хочу поделиться своим восторгом от использования мобильной версии «Сбербанк Онл@йн». Какое же удобное приложение, как сильно порой выручает! Но обо всем по порядку. Итак, приложение доступно для владельцев устройств на операционных системах Android и ios (Apple), скачать можно в Play Market и App Store соответственно, совершенно бесплатно. Я использую iPhone 4s.

Сбербанк России фото Далее необходимо «привязать» ваше устройство к приложению, для того у вас должна быть активна услуга «Мобильный банк», а так же должы быть известны идентификатор пользователя и пароль (чек с банкомата). Нужно придумать пятизначный код доступа для входа в приложение, вводить его нужно каждый раз при запуске. С помощью подсказок на экране привязка происходит без каких-либо проблем!

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

Сбербанк России фото Вводим и попадаем на главную страницу, где отображаются карты, вклады, счета. Их кстати можно переименовать, карта «Реквизит» и вклад «Объектив» на скриншоте ниже это как раз мои собственные названия. Важно: чтобы в системе «Сбербанк Онл@йн» отображались вклады, нужно заключить дополнительный договор в отделении банка. Сбербанк России фото Выбрав счет, попадаем в меню, где можно совершить платеж/перевод, произвести пополнение, посмотреть последние операции и т.д. Здесь все привязано к конкретному счету. Сбербанк России фото Сбербанк России фото

Так же с главной страницы можно выйти в меню настроек пользователя, потянув экран слева направо.

Сбербанк России фото

Вверху по центру на главной странице есть кружок, нажав на который попадаем в меню, где можно посмотреть общую сумму на всех счетах, фактические и прогнозируемые затраты, баланс «Спасибо от Сбербанка». Удобно, все в одном месте.

Сбербанк России фото

В меню «Платежи» можно переводить деньги, оплачивать ЖКХ, делать все то же, что и в банкомате, только никуда ходить не нужно, все под рукой в телефоне — выбирай счет списания, услугу и дело в шляпе!

Сбербанк России фото

Вкладка «История операций» говорит сама за себя. Здесь собраны данные обо всех счетах сразу.

Сбербанк России фото

На «Картах» показаны ближайшие банкоматы и отделения Сбербанка в зависимости от фактического местонахождения.

Сбербанк России фото

«Курс валют» также имеется в приложении.

Сбербанк России фото

Отдельно хочу сказать о выгодности использования «Сбербанк Онл@йн». Открывая вклад в приложении, процентная ставка по нему будет выше, чем при открытии такого же вклада в отделении банка. А так же, если вы оплачиваете что-то с комиссией, то её размер будет меньше, чем комиссия за ту же операцию в банкомате или у оператора банка! Ну и безусловно огромный плюс приложения это удобство — никаких очередей, все счета в одном месте, любые безналичные операции, бонусная программа, карты, курс валют! Все и сразу в вашем мобильном устройстве! Безусловно, рекомендую!

Читайте также:

— ипотека в банке Петрокоммерц выгоднее, чем в Сбербанке;

— сколько я зарабатываю на этом сайте;

— как я похудела на 24 кг;

— как отличить оригинальную парфюмерию от подделки;

Мне будет очень приятно, если вы найдёте пару секунд поставить оценку моему отзыву ниже, нажав на кнопку «ДА»

На этом все, будьте счастливы и любимы!

Сбербанк Онлайн в App Store

Переводите деньги, платите за услуги, следите за своими счетами в Сбербанк Онлайн. Более 60 миллионов пользователей уже с нами, присоединяйтесь!

Вы сможете:
• СМОТРЕТЬ БАЛАНС и другие операции, информацию по бонусам Спасибо
• ПЕРЕВОДИТЬ ДЕНЬГИ по номеру телефона, карты и не только
• ПЛАТИТЬ за ЖКХ, мобильную связь, штрафы ГИБДД, интернет и услуги
• ОТКРЫВАТЬ вклады, заказывать карты, оформлять кредиты и обменивать валюту
• ИНВЕСТИРОВАТЬ готовые решения от профессиональных управляющих или открыть брокерский счет для самостоятельного инвестирования
• ФОРМИРОВАТЬ накопление на будущее с помощью индивидуального пенсионного плана

Возможности в приложении есть интересные, которые вам точно пригодятся:
• ДИАЛОГИ, в которые можно переписываться, делать переводы, отправлять стикеры и яркие открытки
• КОНСУЛЬТАЦИИ с банкоматом в чате
• УВЕДОМЛЕНИЯ об операциях в удобном формате пуш
• КАНАЛЫ в Диалогах, где можно узнать об инвестициях, недвижимости, финансах, технологиях и многом другом
• СЕМЕЙСТВО ВИРТУАЛЬНЫХ АССИСТЕНТОВ САЛЮТ, которые развлекут беседой, расскажут о погоде или переведут деньги — только скажите!

Регистрация в приложении займет всего пару минут.

Если вы уже пользуетесь Сбербанк Онлайн и вам есть, чем поделиться, оставляйте отзывы здесь или отправляйте на [email protected]. Ваши комментарии помогут нам делать приложение лучше!

===
Детальный список возможностей Сбербанк Онлайн:
— Просмотр баланса по всем картам, счетам, вкладам и кредитам Сбербанка
— Переводы по номеру телефона, карты, счёта или имени получателя
— Оплата ЖКХ, мобильной связи, интернета, штрафов ГИБДД, налогов и других услуг более 90 тысяч компаний
— Быстрая оплата услуг по шаблонам
— Оплата квитанций по QR-коду
— Создание и настройка автоплатежей и автопереводов
— Просмотр истории операций, поиск по ней, удобные фильтры, просмотр деталей операции
— Информация по бонусам СПАСИБО, поиск партнёров, у которых можно копить и обменивать бонусы на скидку
— Консультации по важным вопросам в чате с банком
— Звонки в банк через интернет
— Возможность настраивать об операциях, выбор тип (СМС или Push) и менять номер телефона, к которой привязана карта
— Открытие вкладов и целей, управление ими
— Создание копилок — автоматических переводов меж ду своими счетами
— Подача заявок на кредиты и кредитные карты, досрочное погашение
— Управление картами: блокировка, смена ПИН-кода, перевыпуск и заказ новых карт.Возможность узнать номер своей
— Подключение карт Visa и Mastercard к Apple Pay прямо в приложении
— Пополнение карт с карт других банков
— Обмен валюты в любое время
— Поиск по приложению
— Карта с ближайшими офисами и банкоматами
— Госуслуги: выписка из ПФР, получение пенсии в Сбербанке, сервис для самозанятых и страховые выплаты по кредитам
— Общение, отправка переводов, стикеров и фото в Диалогах. Возможность добавить к сообщениям яркие открытки, чтобы передать эмоции на расстоянии
— Каналы в Диалогах, где мы простым языком рассказываем об инвестициях, недвижимости, финансах, технологиях и многом другом
— Истории — карточки на главном экране, в которых можно получить финансовые советы, персональные предложения, инструкции по работе с приложением
— Инструменты для финансового анализа — Обеспечение за расходами и управлять своим бюджетом
— Получение инвестиционных фондов
— Открытие и пополнение брокерского счета
— Открытие и пополнение индивидуального инвестиционного фонда
— Открытие и пополнение индивидуального пенсионного плана
— Пополнение продуктов накопительного страхования жизни
— Открытие и пополнение доверительного управления
— Возможность своим портфелем и результатами инвестирования

© 1997—2020 ПАО Сбербанк
Россия, Москва, 117997, ул.Вавилова 19
Генеральная лицензия на осуществление банковских операций от 11 августа 2015 года
обоз — 1481.

.

App Store: Сбербанк Онлайн

Переводите деньги, платите за услуги, следите за своими счетами в Сбербанк Онлайн. Более 60 миллионов пользователей уже с нами, присоединяйтесь!

Вы сможете:
• СМОТРЕТЬ БАЛАНС и другие операции, информацию по бонусам Спасибо
• ПЕРЕВОДИТЬ ДЕНЬГИ по номеру телефона, карты и не только
• ПЛАТИТЬ за ЖКХ, мобильную связь, штрафы ГИБДД, интернет и услуги
• ОТКРЫВАТЬ вклады, заказывать карты, оформлять кредиты и обменивать валюту
• ИНВЕСТИРОВАТЬ готовые решения от профессиональных управляющих или открыть брокерский счет для самостоятельного инвестирования
• ФОРМИРОВАТЬ накопление на будущее с помощью индивидуального пенсионного плана

Возможности в приложении есть интересные, которые вам точно пригодятся:
• ДИАЛОГИ, в которые можно переписываться, делать переводы, отправлять стикеры и яркие открытки
• КОНСУЛЬТАЦИИ с банкоматом в чате
• УВЕДОМЛЕНИЯ об операциях в удобном формате пуш
• КАНАЛЫ в Диалогах, где можно узнать об инвестициях, недвижимости, финансах, технологиях и многом другом
• СЕМЕЙСТВО ВИРТУАЛЬНЫХ АССИСТЕНТОВ САЛЮТ, которые развлекут беседой, расскажут о погоде или переведут деньги — только скажите!

Регистрация в приложении займет всего пару минут.

Если вы уже пользуетесь Сбербанк Онлайн и вам есть, чем поделиться, оставляйте отзывы здесь или отправляйте на [email protected]. Ваши комментарии помогут нам делать приложение лучше!

===
Детальный список возможностей Сбербанк Онлайн:
— Просмотр баланса по всем картам, счетам, вкладам и кредитам Сбербанка
— Переводы по номеру телефона, карты, счёта или имени получателя
— Оплата ЖКХ, мобильной связи, интернета, штрафов ГИБДД, налогов и других услуг более 90 тысяч компаний
— Быстрая оплата услуг по шаблонам
— Оплата квитанций по QR-коду
— Создание и настройка автоплатежей и автопереводов
— Просмотр истории операций, поиск по ней, удобные фильтры, просмотр деталей операции
— Информация по бонусам СПАСИБО, поиск партнёров, у которых можно копить и обменивать бонусы на скидку
— Консультации по важным вопросам в чате с банком
— Звонки в банк через интернет
— Возможность настраивать об операциях, выбор тип (СМС или Push) и менять номер телефона, к которой привязана карта
— Открытие вкладов и целей, управление ими
— Создание копилок — автоматических переводов меж ду своими счетами
— Подача заявок на кредиты и кредитные карты, досрочное погашение
— Управление картами: блокировка, смена ПИН-кода, перевыпуск и заказ новых карт.Возможность узнать номер своей
— Подключение карт Visa и Mastercard к Apple Pay прямо в приложении
— Пополнение карт с карт других банков
— Обмен валюты в любое время
— Поиск по приложению
— Карта с ближайшими офисами и банкоматами
— Госуслуги: выписка из ПФР, получение пенсии в Сбербанке, сервис для самозанятых и страховые выплаты по кредитам
— Общение, отправка переводов, стикеров и фото в Диалогах. Возможность добавить к сообщениям яркие открытки, чтобы передать эмоции на расстоянии
— Каналы в Диалогах, где мы простым языком рассказываем об инвестициях, недвижимости, финансах, технологиях и многом другом
— Истории — карточки на главном экране, в которых можно получить финансовые советы, персональные предложения, инструкции по работе с приложением
— Инструменты для финансового анализа — Обеспечение за расходами и управлять своим бюджетом
— Получение инвестиционных фондов
— Открытие и пополнение брокерского счета
— Открытие и пополнение индивидуального инвестиционного фонда
— Открытие и пополнение индивидуального пенсионного плана
— Пополнение продуктов накопительного страхования жизни
— Открытие и пополнение доверительного управления
— Возможность своим портфелем и результатами инвестирования

© 1997—2020 ПАО Сбербанк
Россия, Москва, 117997, ул.Вавилова 19
Генеральная лицензия на осуществление банковских операций от 11 августа 2015 года
обоз — 1481.

.

Workflow API и фрэймворки / Блог компании Сбер / Хабр

Много кто пользуется приложением Сбербанк Онлайн, но немногие знают, как оно работает. Настало время приоткрыть завесу тайны — в этой статье мы расскажем о некоторых подходах, которые мы используем в разработке.


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

Надеемся, что наш опыт поможет читателям сделать свой продукт лучше, наиболее масштабируемым, потому что большинство шишек при разработке API мы уже поймали и исправили.

О чем пойдет речь


Мы расскажем, как наши веб-приложения и Сбербанк работают через API-интерфейсы между приложениями и сервером-сайдом.

Почему фокус на API? Все просто — это единый мостик, который соединяет клиентские приложения и бэкенд.Если проект небольшой, то мы можем легко менять API и переписывать под него приложения. Но если проект масштабный (такой, как у нас), то даже небольшие изменения API требуют вовлечения большого количества ресурсов как на фронте, так и на бэкенде, становятся очень дорогими. И второй момент — чем раньше мы зафиксировали API, тем раньше фронтальные и бэковые команды могли начинать программировать. Им просто надо будет сойтись в одну точку.

Сначала мы немного расскажем о наших возможностях и ограничениях, чтобы было понятно, почему мы выбираем не решение, а потом представим протокол API на верхнем уровне.

Специфика и мотивация


Приложения большие. Когда мы писали эту статью, приложение Сбербанк Онлайн на Android занимало около 800 000 строк кода, на iOS — 500 000 строк кода. И это только наш код, без подключаемых библиотек.

Обратная совместимость и много пользователей. MAU — 32 млн активных пользователей мобильного приложения. И если мы не сделаем обратную совместимость на уровне API, очень многим пользователям по всей стране придется качать приложения заново.Это очень нехорошо. Кстати, это одна из причин, почему у нас так много кода.

Сбербанк Онлайн открывает много небольших команд. Вы, наверное, слышали про Agile в Сбербанке. Это правда, мы работаем по Agile в командух по 9 человек.

Приложение банковское: несмотря на то, что функциональность банковских приложений очень быстро растет, что происходит в дистанционном процессе — это последовательный процесс (обработка клиентских заявок).Такие процессы мы называем рабочий процесс. Они могут быть разного рода и обработаны.

Два типа команд. Есть платформенные — они отвечают за это ядру приложения. И есть фичёвые команды — они составляют прикладную систему для конечных пользователей, используя городское оборудование и инструменты, которые даёт платформа.

Омниканальность. Крайне важная история. Чтобы не разрабатывать бэк несколько раз — отдельно для мобильных приложений и отдельно, например, для веб-версии и банкоматов, чтобы API был максимально схожим для всех каналов (как минимум должна быть одинаковой структурой ответа).

Мобильное приложение

Данные меняются динамически. Самые популярные операции в приложении — платёж и перевод. Реквизиты услуг поставщиков, набор полей, которые необходимо заполнить пользователю, — это динамическая информация, которая может часто меняться.

При этом пользователи могут не обновлять приложение, после того как установили его на устройство. Просто потому что могут. Чаще на это есть весомые причины, например, для обновления нужно обновить версию ОС, а для этого купить новый телефон.Поэтому нам нужно решение, которое изменит данные без релиза приложения.

Мобильный интернет: наши приложения должны работать везде, даже где интернет нестабильный и медленный. Поэтому мы всегда боремся за размер и количество сообщений между мобильными приложениями и сервер-сайдом.

Лучший опыт: мы выбрали для себя основную разработку мобильных приложений — разработка на клиентских языках. Только так можно получить лучший клиентский опыт.

.

Как делать не стали


После того как мы обозначили граничные условия, расскажем, какие решения мы анализировали.

Программирование на JSON

Логику проще описать императивно кодом, чем выдумывать (и изучать!) Новый декларативный язык, который всегда будет ограничен сильнее, чем родной язык платформы.Кроме этого, необходимо предусмотреть песочницу, обработку ошибок, какой-то этап пилотирования — псевдокод должен постепенно распространяться на пользовательские устройства и при любых сбоях откатываться назад. Всё это усложняет без ощутимых преимуществ.

CSS 3000

Не использует описание стилей компонентов, поскольку они могут разниться от форм-факторов, платформы и даже режима работы (портретная / ландшафтная ориентация, адаптивная в Интернете). Декларации стилей в конечной реализации всегда будут качественнее, ближе к реальности и корректнее работать с краевыми случаями.Кроме того, бывает, что компоненты схожей логики работают на разных устройствах принципиально: например, ввод номера телефона — с телефонной книги на мобильное устройство и без нее в вебе.

Фиксация модели данных в интерфейсе приложения

Этот способ еще называется «прибить гвоздями». Смысл в том, что приложения строится на уникальных мобильных объектах, которые передаются с сервера. В такой схеме любые изменения на стороне сервера приводят к переработчикам клиентской части.Невозможно повторно использовать код. Сложно поддерживать.
Единственное, почему стоит выбирать такой способ на своем проекте, — уверенность на 99%, что API не будет меняться. Ну или если проект совсем и проектировать API дороже, чем быстро переделать пользовательский интерфейс под изменения в API.

Стили

Добавляем к каждому объекту признак стиля. UI приложений строим на основании этого признака. Стилей ограниченное число, поэтому появляется возможность строить интерфейс динамически.Но с функциональности UI приходится увеличивать количество стилей.
В этом варианте можно управлять отображением отдельных элементов. И главное — с ростом вариативности UI у вас будет постоянная необходимость расширять протокол API.

JSON API

У JSON API детально рекомендации по структурированию данных и описанию взаимосвязей между ними, но нет ничего, что могло бы описывать представление.Наша задача анализирует в том числе визуальное расширение — добавление новых полей, так что такой вариант нам не подходит.

Веб-компоненты / компоненты React API

Концепция веб-компонентов, которая в том числе значительно расширяет возможности компонентов API React, нам подходит уже намного лучше: с одной, у нас есть контроль за отображением, с другой стороны — есть возможность привязывать данные к элементам UI.
К сожалению, всё слишком сильно завязано на HTML + CSS + JS.Напрямую не используешь, но запомним — потом пригодится.

Как решили делать


UI-контейнеры

Объекты упаковываются в контейнеры, презентационные логические приложения строим на этих контейнерах. Основное преимущество — можем группировать несколько простых объектов в один контейнер. Это дает свободу в программировании UX / UI на клиенте, например, может управлять скрытием / отображением одного поля при заполнении данных в другом. При этом базовых типов объектов — ограниченное число, и весь бизнес-транспорт реализуется на них.

Мы выбрали именно этот подход. Сначала мы опишем протокол API, а потом — как устроены фрэймворки внутри мобильных и веб-приложений.

API


Чтобы было понятнее, рассмотрим API на простой процесс, например, перевод между своими счетами. Как добираемся до точки входа, не рассматриваем — это не процесс и для этого есть свой API (о нем мы тоже как-нибудь расскажем). Итого, процесс у нас начинается с точки входа:

Транспорт данных


Для начала договоримся об основных принципах — как передаём данные.За основу возьмём самый простой подход — пары «ключ-значение». Ключом пусть будет строка из букв латинского алфавита, значение — тоже строки, но уже произвольные.

Формы для заполнения сложных, с вложенными элементами и подразделами, значит, допускаются вложенность. Можно ключи в формате camelCase, но они могут быть плохо читаемым (например, в логах) или даже «портиться» в системе, нечувствительных к регистру. Нужно ввести разделитель.

Самый очевидный разделитель — точка — во многих языках используется для доступа к свойствам объекта.При неаккуратном использовании ключи с таким разделителем будут созданы словари (или объекты), в которых возможны коллизии. Например, «foo.bar» = «foobar» и «foo.bar.baz» = «foobarbaz» в javascript может повлечь перезапись свойств «bar» объекта «foo» со строки на объект. В конце концов, договорились на двоеточии: с одной стороны, явное визуальное разделение и семантическое отражение вложенности, с другой стороны, безопасно для всех используемых языков.

Что делать с повторяющимися полями? Вводим дополнительное правило: между парой разделителей могут быть либо латинские буквы, либо цифры.Получаются конструкции вида: детей: 5: имя: первое .

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

Решение: значение — либо строка, либо список строк. Такое решение выглядит типовым, но в то же время накладные расходы оказываются незначительными.

Шаги


Шаг — это состояние процесса.Первый шаг у нас — выбор счета списания и счета зачисления и сумму.

UI на этой картинке не видно, потому что шаг — это про серверную логику, а не про презентационную. Есть два подхода к работе с шагами: можно нарастающий итог в приложении) или каждый целиком (нарастающий итог на сервере).

Анализ требований показал, что в ходе процесса экран может сформироваться по-разному на разных процессах (ветвление процессов), поэтому вместо добавления его управляющих команд для преобразования уже переданных сущностей проще увидеть каждый шаг полностью таким, каким должен увидеть пользователь.

Из дополнительных плюсов: при возврате к редактированию не нужно проигрывать весь параметр дополнительный параметр «отдай всё». При старте шага клиентское приложение сразу же получает всю нужную информацию для построения экранов.

  «выход»:
    "экраны":
    "События":
    «Ссылки»:  

Экраны


Экран — это раздел процесса на этапы в клиентском приложении. Как правило, экраны используются, чтобы форма была проще для восприятия.В нашем случае всё просто: один шаг — один экран.

Для экрана мы ввели два правила:

  1. переход между экранами может быть только линейным, без ветвлений;
  2. переход между экранами не требует взаимодействия с бэкэндом.

Это означает, что экраны, по сути, становятся простыми язычками.
  "экранов":
"заглавие":
«Блок пользовательского интерфейса»:
«свойства»:  

UI компоненты (блоки)


UI компонент — независимый компонент, который реализует клиентскую логику и наполняет документ.По сути, это ассоциация между управляющей командой в приложении и куском кода и разметки в приложении. На первом экране три компонента:
  1. Счет списания
  2. Тот же компонент для счета зачисления
  3. Сумма перевода


Иногда что-то может пойти не так: например, в старую версию приложения передался новый процесс или старая версия блока была удалена в клиентском приложении, но осталась в одном из процессов серверного приложения. В этом случае действует программа мягкую деградацию: блок заменяется на системный (простая группа полей), который не обладает никакой дополнительной логикой, а просто показывает поля в составе.Подробнее будет ниже.
В таком случае форма будет менее красивой, но пользователь хотя бы заполнит данные и отправить их на сервер. Затем сервер провалидирует ввод и вернёт ошибки, которые можно исправить.
  «Блок пользовательского интерфейса»:
"тип":
"свойства":
«поле»:  

Поля


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

Это значит, что любая версия приложения может отрисовать интерфейс, опираясь только на типы полей.

Поля в UI-компоненте из нашего примера:

1. Поле со ссылкой на справочник в счете списания и счет зачисления. Почему ссылка на статический справочник? Потому что мы выбираем из списка карт (счетов), без лишнего обращения к серверу.

2. Два отдельных поля для суммы и валюты в компоненте ввода суммы

Таким образом, формат для полей имеет такую ​​структуру:

  "поле":
"Я бы":
"тип":
"заглавие":
"ценность":
"стиль":
«валидатор»:
  

События


Так как приложения ничего не знают о процессе, логично, чтобы события (кнопки, которые видят пользователя) тоже были частью ответа от сервера.

События мы разделили на два типа.

1) — они есть почти на каждом Основные настройки в привычных местах для пользователя. Как пример, это события «назад» и «продолжить». Первое выполняет переход на шаг назад, второе собирает заполненные данные с клиентской формы и отправляет их на сервер вместе с командой «Перейти на следующий шаг».

2) Специальные — для нестандартных действий, которые мы заранее спрогнозировать не можем, да и смысла закладывать их в часть движка нет, так как они редко используются.
В нашем случае на экране только основные события — «Продолжить» и «назад». Они реализованы на уровне платформы.

У всех событий есть ряд атрибутов, такие как сам тип события, название и признак видимости. И никакого UI на кнопки сервер-сайде вроде размера, положения и цвета. Эта логика реализуется на фронте.

  «события»:
"имя":
"тип":
"заглавие":
«описание»:  

Справочники


Со справочниками все стандартно. Если он небольшой, то мы его присылаем полностью в ответе от сервера и называем статическим.Сделано это для того, чтобы минимизировать количество запросов к серверу-сайду и время отклика на действие пользователя в интерфейсе. Чтобы его отобразить в форме на экране, добавляем поле с типом — selectList, одно из свойств которого — ссылка на статический справочник.

Если справочник большой, то он реализуется в виде отдельного rest-сервиса. В интерфейсе это выглядит как текстовое поле, по мере заполнения которого возвращается список вариантов из справочника.

  «ссылки»:
"referenceId":  

Ошибки валидации на клиенте и сервере


Так как основной элемент интерфейса — поле ввода данных, логично валидировать его на клиенте.Вместе с полями перед правилами валидации и сообщениями, которые предоставляются, если валидация не прошла.
  «валидатор»:
"ценность":
"сообщение":
«тип»:  

Примерно так выглядит структура ответа:

  «вывод»:
    "экраны":
        "заглавие":
«Блок пользовательского интерфейса»:
            "тип":
"свойства":
«поле»:
                "Я бы":
"тип":
"заглавие":
"ценность":
"стиль":
«валидатор»:
                    "ценность":
"сообщение":
"тип":
"свойства":
    "События":
        "имя":
"тип":
"заглавие":
"описание":
    "Ссылки":
        "referenceId":  

Фрэймворки


Теперь немного о том, как с этим протоколом работают фрэймворки внутри приложений.Условно фрэймворки можно разделить на две основные части: механизм рабочего процесса + обработчик UI-контейнеров. Такое разделение вызвано не только архитектурой приложений, но и организационной структурой. Движок создает и платформенные команды, а UI-контейнеры фактически являются расширением и программированием их команд. Таким образом, большему количеству команд не нужно вносить изменения в ядро.

Механизм рабочего процесса


Движок внутри приложений (веб и мобильного) знает, что начался процесс работы с документом и что согласно протоколу ему придёт ряд атрибутов: шаги, экраны, UI-контейнеры и типы полей.На этих данных рисуется базовый интерфейс — нижнее и верхнее меню, основные кнопки, UI на простых типах полей, если они используются.

При этом движок не знает, сколько именно в сценарии будет шагов процесса, как шаги будут разбиты по экрану и какие там будут поля.

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

Как работают UI-контейнеры?


Анализ потребностей не получится.

Поэтому нужны были новые точки расширения. Этими точками расширения стали UI-компоненты — это нативная реализация самого приложениях, который идентифицируется движком по названию. По сути, это группировка поля / нескольких полей в логический блок, который может отображать кастомный UI.При этом модель данных используется только для транспорта данных на бэкенд, весь UX и UI реализуется на стороне приложения.

Два режима работы фрэймворка

Когда движок парсит модель данных, он сравнивает список имен UI-контейнеров с реестром, который хранится внутри приложения. Если приложение не находит имени компоненты, то интерфейс строится на простых типах полей. Процесс будет полностью рабочие, но на стандартные UI-элементы.

Слева — как может контейнер для суммы в списке из простых типов полей.Справа — если в сборке приложения есть UI-контейнер. Несмотря на то, что в режиме списка простых полей нет слайдера и есть отдельное поле вместо иконок с выбором, — мы можем передать все данные с PL и процесс будет рабочим.

И тут мы получаем одно из основных преимуществ движка — доставить пользователю изменения без обновления приложения. В сборке есть маппинг имен компонентов на классы, в которых запрограммирован UI этих компонентов и пользовательский интерфейс строится на нем.

Каких правил мы стараемся придерживаться при работе с UI-компонентами:

  • Поддерживать работу в режиме списка простых полей. У любого прикладного проекта есть соблазн превратить динамический протокол в статический. Поэтому мы всех просим сначала использовать функционал на типах UI-контейнеров, а затем обогащать UX / UI добавлением кастомных контейнеров на этих моделях данных. Это не только позволит в будущем обновлять процессы на старых сборках, но и автоматически поддерживает логическую целостность API.
  • Не менять модель данных (JSON) для UI-контейнера, если он уже готов (проходит финальное тестирование или уже в продакшене). Так как логика на PL жестко использует модель мобильных приложений, ее изменили функционал на версиюх мобильных приложений, которые не обновляются. Тем не менее, можно расширять при условии сохранения обратной совместимости.
  • Называть свой UI-компонент системным именем. Так как имя UI-компонента — обязательный атрибут каждого протокола и должен быть минимум на экране, мы ввели специальное системное имя, которое реализует простой список полей.
  • Не реализовывать бизнес-логику на UI-компонентах. Логику необходимо реализовывать на сервере, почему — писали выше.

Скоро в продаже…


Мы очень старались писать лаконично, но это первая техническая статья про платформу Сбербанк Онлайн и она должна была составить охват.

Пишите в комментариях, что непонятно, что интересно — постараемся писать меньше, но чаще и в цель. У нас много интересных вещей, и поэтому много материала.

Авторы:

  • dmitry_zadorin Дмитрий Задорин, работает над Сбербанк Онлайн в команде «Интеграционная платформа», Цифровая бизнес-платформа, Сбербанк и Сбертех
  • стчеренков Стас Черенков, архитектор веб-приложения Сбербанк Онлайн, Сбербанк и Сбертех
.

«Сбер» обновил мобильное приложение «Сбербанк онлайн»

https://ria.ru/20200924/prilozhenie-1577698728.html

«Сбер» обновил мобильное приложение «Сбербанк онлайн»

«Сбер» обновил мобильное приложение «Сбербанк онлайн «для операционных систем iOS и Android, оно появилось в магазинах App Store и Google Play. РИА Новости, 24.09.2020

2020-09-24T12: 09

2020-09-24T12: 09

2020-09-24T12: 09

сбербанк россии

google android

apple ios

экономика

/ html / head / meta [@ name = ‘og: title’] / @ content

/ html / head / meta [@ name = ‘og: description’] / @ content

https: // cdn21.img.ria.ru/images/155247/98/1552479800_0:161:3071:1888_1400x0_80_0_0_12844bb2074bd8f4805fd897f584c992.jpg

МОСКВА, 24 сен — Приложение РИА Новости href = «обновил href =» мобильное приложение. http://ria.ru/organization_Sberbank_Rossii/ «target =» _ blank «data-auto =» true «> Сбербанк онлайн» для операционных систем iOS и Android < / a>, оно появилось в магазинах App Store и Google Play.Описание к обновлению начинается с хокку: «Осень пришла!», — шепчет мне ветер … Свежий, как лого Сбербанка «.Сбербанк официальной презентации в четверг представил новый логотип: это градиентный сине-желто-зеленый незаконченный круг с одной зеленой галкой внутри и написанным рядом под названием «Сбер», выполненным в зеленом цвете.В описании к обновлению указывается, что в верхнем верхнем углу главного экрана теперь находятся виртуальные ассистенты «Салют» — они умеют отправлять переводы и пополнять мобильный, но продолжают учиться.При этом «Сбер» предупреждает, что если ассистенты не появятся сразу после обновления, нужно подождать несколько дней: «Им нужно немного времени, чтобы привыкнуть и выйти из тени».

https://ria.ru/20200924/sberbank-1577696255.html

РИА Новости

Россия, Москва, Зубовский бульвар, 4

7 495 645-6601

https: //xn--c1acbl2abdnlkab1og.x —p1ai / awards /

2020

РИА Новости

Россия, Москва, Зубовский бульвар, 4

7 495 645-6601

https: // xn — c1acbl2abdlkab1og.xn — p1ai / awards /

Новости

ru-RU

https://ria.ru/docs/about/copyright.html

https: //xn--c1acbl2abdlkab1og.xn--p1ai/

РИА Новости

Россия, Москва, Зубовский бульвар, 4

7 495 645-6601

https: //xn--c1acbl2abdlkab1og.xn--p1ai/awards/

https://cdn25.img.ria.ru/ images / 155247/98 / 1552479800_171: 0: 2902: 2048_1400x0_80_0_0_401a5874c9447fcf142e57cb90765e90.jpg

РИА Новости

Россия, Москва, Зубовский бульвар, 4

645ac1 c2 — 9000-6000 x2.xn — p1ai / awards /

РИА Новости

Россия, Москва, Зубовский бульвар, 4

7 495 645-6601

https: //xn--c1acbl2abdlkab1og.xn--p1ai/awards/

сбербанк , google android, apple ios, экономика

МОСКВА, 24 сен — РИА Новости. «Сбер» обновил мобильное приложение «Сбербанк онлайн» для операционных систем iOS и Android, оно появилось в магазинах App Store и Google Play.

Описание к обновлению начинается с хокку: «Осень пришла!», — шепчет мне ветер.

Сбербанк представил новый логотип: это градиентный сине-желто-зеленый незаконченный круг с одной зеленой галкой внутри и написанным рядом с названием «Сбер», выполненным в зеленом цвете.

При этом «Сбер» предупреждает, что если ассистенты не появятся сразу, они умеют отправлять переводы и пополнять мобильный, но продолжают учиться. после обновления, нужно подождать несколько дней: «Им нужно немного времени, чтобы привыкнуть и выйти из тени».

24 сентября, 11:23

Греф объяснил значение нового логотипа Сбербанка.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *