На примере Android SDK, как не ограничиваясь фреймом и WebView, встроить нативную форму приема платежей по банковской карте в мобильное приложение, и при этом не попасть под аудит PCI DSS. С тех пор наше SDK довольно существенно расширилось и к обычной форме ввода карты в Android и iOS добавился такой функционал:

React Native библиотека для Android и iOS
- кастомизация верстки layout формы с реквизитами карты
- функция оптического сканирования карты
- прием бесконтактных платежей в Android по технологии NFC
В этой публикации я расскажу что вообще можно делать с платежами в мобильных приложениях, какие есть лайфхаки и подводные камни, и напоследок приведу пример кода демо-приложения и расскажу, как списать карточный долг с друга при помощи NFC ридера своего смартфона.

Кейс 1. Привязываем карту клиента к бэкенду для регулярных списаний или платежей в 1 клик

order.setRequiredRecToken(true ) order.setVerification(true ) Параметр requiredRecToken требует возвратить токен карты при успешной авторизации карты, а verification - что средства с карты списывать не нужно, а достаточно их заблокировать, а потом вернуть (платежный шлюз возвращает их автоматически). В ответ платежный шлюз вернет параметры recToken - токен карты, recTokenLifeTime - срок действия токена (по сути срок действия карты) и maskedCard - маскированный номер карты, который необходимо привязать в бекенде к токену для дальнейшего отображения клиенту при выборе способа оплаты. Теперь, имея токен карты вы можете в любой момент по требованию клиента или при наступлении срока оплаты, вызвать метод списания по токену через server-to-server API и списать необходимую сумму. Подводные камни: По нашей статистике у довольно значимой части картодержателей не получается оплатить через 3DSecure на мобильном устройстве по ряду причин, от него и шлюза не зависящих: - может не приходить SMS, или пользователь переключаясь между SMS-приложением и вашим, потерял форму с вводом пароля 3D-Secure, так как она открывается в WebView или системном браузере - полезла верстка 3D-Secure страницы банка на смартфоне или планшете (банки очень редко адаптируют такие страницы) - веб-сервер банка отключил поддержку небезопасного протокола TSL 1.0, что делает 3D-Secure недоступным для Android версии <4.1 Лайфхак: Мы на платежном шлюзе умеем включать/отключать налету 3D-Secure, и если все-таки у клиента не получается оплатить, мы под него подстраиваемся, и пытаемся сделать оплату без 3D-Secure пароля. Также стоит помнить, что если вы сохраняете токены одного платежного провайдера в своей системе, то использовать их на другом провайдере уже не получится, разве что если провайдеры не договорятся между собой о миграции токенов, что в принципе в нашей практике уже было несколько раз.

Кейс 2. Кастомизируем верстку формы ввода номера карты

Часто возникает необходимость разместить поля для ввода номера карты, срока действия и cvv2 в другой последовательности, чем это предусмотрено стандартным layout в SDK. Но из-за требований PCI DSS вы не можете просто взять, и заменить поле ввода номера карты на стандартный компонент EditText. Для этих целей мы разработали flexible layout. Flexible layout наследует стили вашего мобильного приложения и позволяет располагать элементы формы в любой последовательности и в любом дизайне и при этом предотвращает случайную передачу карточных данных на сторону вашего бекэнда.

Для организации ввода карты в SDK есть два механизма:
CardInputView - готовый view для использования;
CardInputLayout - лишь layout wrapper для потроение view в собственном стиле разметки.

По сути CardInputView = CardInputLayout + CardNumberEdit + CardExpMmEdit + CardExpYyEdit + CardCvvEdit.
Упрощенную структуру CardInputView в XML можно запиться так:

<> <com.cloudipsp.android.CardNumberEdit /> <LinearLayout android:orientation ="horizontal" > <com.cloudipsp.android.CardExpMmEdit /> <com.cloudipsp.android.CardExpYyEdit /> LinearLayout > <com.cloudipsp.android.CardCvvEdit /> <com.cloudipsp.android.CardInputLayout >

Следовательно можно абсолютно свободно кастомизировать и располагать элементы ввода на сколько хватит фантазии. Есть лишь одно правило которое нужно соблюдать - каждый из элементов ввода (CardNumberEdit,CardExpMmEdit,CardExpYyEdit,CardCvvEdit) должен быть в CardInputLayout один раз, при этом не играет роли уровень вложенности View.

Вот как это может выглядеть:

Подводные камни:
Кастомизируя поля ввода стоит помнить:
- cvv2 может быть длиной как 3, так и 4 символа
- номер карты может быть от 14 до 19 символов
- можно добиться максимально точной кастомизации к вашему дизайну, сделав форк SDK и внеся изменения уже в своей реализации layout (это не запрещено делать, если вы не начинаете пропускать реквизиты карты через свой бэкенд). Но сделав форк вы теряете поддержку обновлений SDK со стороны шлюза и интеграцию новых фич

Лайфхак:
Часто можно встретить на форме ввода реквизитов карты инпуты для ввода имени и фамилии картодержателя и его ZIP кода. Для платежей по СНГ нет практической необходимости это делать в 99% случаев - только некоторые банки США, Канады и Великобритании поддерживают эту технологию, которая называется Address Verification System , при этом чтобы проверка сработала, ее должны поддерживать как банк-эквайер, так и банк-эмитент.

Кейс 3. Подключаем возможность сканирования карты через камеру и NFC

Функция оптического сканирования карты реализована для Android в библиотеке android-sdk-optical , для iOS в библиотеке CloudipspOptical с использованием card.io SDK .
NFC сканирование реализовано при помощи библиотек android-sdk-nfc и react-native-cloudipsp-nfc и доступно только для Android. Хотя Apple и открыла начиная с версии iOS 11+ сторонним разработчикам возможность читать RFID метки, но чтение EMV тегов с банковских карт по прежнему остается недоступным.

Пример демо-приложения для использования NFC

Отличается от обычной реализации наличием NfcCardBridge и навешиванием Intent на него для ожидания события, что карта прочитана (readCard)

Подводные камни:
Хотя считывание карты и выполняется посредством NFC, протоколом финансовой авторизации карты по-прежнему служит обычный card not present. Т.е. для полноценной работы этой функциональности, карта должна быть открыта для платежей в интернет.

Лайфхак:
Написав простое приложение, вы сможете использовать его для перевода средств с чужой карты на свою, поднеся чужую карту к телефону. Например это может быть удобно, если вам необходимо списать небольшую сумму с друга в счет карточного долга. С одной стороны это будет практично и удобно, с другой - вполне эффектно. Для того, чтобы воспользоваться сервисом переводов с карты на карту, необходимо будет предварительно зарегистрироваться на сайте платежной платформы Fondy и привязать банковскую карту, на которую будут поступать средства, в свои финансовые настройки. С целью обеспечения безопасности, сумма, которую можно списать посредством NFC без поддержки 3D-Secure может быть не более эквивалента $4.

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

Сразу после установки высветится диалоговое окно, в котором будут активны клавиши «Открыть» и «Удалить». Для воспроизведения приложения воспользуйтесь кнопкой «Открыть». При входе вам понадобится логин и пароль, которые вы использовали в полной версии .

Скидки через мобильное приложение Алиэкспресс

Как пользоваться мобильным приложением Алиэкспресс

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

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

Как пользоваться кэшбэком на Алиэкспресс

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

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

Скачать приложение мобильный Сбербанк для Андроид

Для того чтобы приложение Сбербанк Онлайн появилось на телефоне, нужно скачать его. Для этого важна платформа, на которой базируется операционная система устройства. Если это Android, то приложение можно скачать из Google Play. Когда телефон фирмы Iphone, то загрузить его можно из AppStore.

Скачать приложение можно и на официальном сайте Сбербанка.

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

Установить приложение мобильный Сбербанк

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

Регистрация Мобильного приложения Сбербанка

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

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

Если все введено правильно, пользователем будет получен пароль для постоянного входа в мобильную версию.

Как войти в мобильное приложение Сбербанк Онлайн?

После того как регистрация приложения проведена, можно в него войти. Для этого необходимо ввести логин и пароль, подтвердив вход. Эта простая процедура позволяет перейти к непосредственному использованию приложения Сбербанк Онлайн.

Как пользоваться мобильным приложением Сбербанк Онлайн?

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

• переводить средства;
• оплачивать (услуги, штрафы и т.д.);
• пополнять счет мобильного телефона;
• выполнять другие функции.

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

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

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

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

Второй причиной наличия неисправностей может быть установка мобильного приложения Сбербанк Онлайн из ненадежного места. Этого делать нельзя ни при каких обстоятельствах, так как личные данные, вводимые в приложении могут попасть в руки к злоумышленникам. Устанавливать мобильное приложение Сбербанка следует только из официальных источников или сайта Сбербанка.

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

Как подключить мобильное приложение Сбербанк Бизнес Онлайн?

Сбербанк Бизнес Онлайн – сервис для предпринимателей, счет фирмы которых открыт в Сбербанке. Если установить приложение на мобильный телефон, то сам предприниматель может осуществлять все стандартные операции, не обращаясь в бухгалтерию фирмы или в банк.

Для установки такого приложения, должна быть установлена система Сбербанк Бизнес Онлайн на имя определенной организации.

Для установки мобильного приложения необходимо:

1. Войти в систему Бизнес Онлайн с персонального компьютера.
2. Выбрать вкладку «Мобильное приложение», нажать.
3. Заполнить появившуюся в окне заявку с указанием будущего лимита денежных средств, которые будет возможно перечислить с телефона.
4. Задать имя пользователя, который вправе заходить в мобильное приложение.
5. Подключить приложение.

Таким образом, мобильное приложение Сбербанка очень удобно и практически полностью способно заменить Сбербанк Онлайн на компьютере. Это позволяет совершать операции в любом месте и в любое время, не обращаясь в банк.

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

• Клиент - программа на мобильном устройстве, которая отправляет понятный серверу запрос и читает полученный ответ;
• API - интерфейс взаимодействия, который имеет определенный формат и способ для передачи запросов и получения ответов обеими сторонами;
• Cервер - представляет собой набор программ, работающих на удаленном компьютере, обеспечивает работу с устройствами посредством API. Собирает и накапливает информацию поступающую с подключенных устройств. Контролирует и организует доступ к информации зарегистрированных пользователей и обмен данными между связанными посредством профиля устройствами пользователей.

Разработка мобильных приложений

Компания БиномТех является разработчиком нативных клиент-серверных приложений под Android и iOS. Нативная разработка является «родной» для операционных систем – Android, IOS . Такие мобильные приложения пишутся на «родных» языках под каждую конкретную платформу. Главное преимущество нативных приложений – они оптимизированы под конкретные операционные системы, а значит работают корректно, значительно быстрее ненативных и имеют экономный расход ресурсов телефона. Они имеют доступ к аппаратной части устройств, то есть могут использовать в своем функционале камеру смартфона, микрофон, акселерометр, геолокацию, адресную книгу, плеер и т.д.

Разработка мобильных приложений является для нас приоритетным направлением.

Мобильные приложения для Android разрабатываются в Android Studio. Исходные коды передаются заказчику на Java. Мобильные приложения для iOS разрабатываются на Objective-C или Swift.

Для того чтобы создать мобильное приложение наши специалисты составляют техническое задание на разработку мобильного приложения. Это необходимо для того, чтобы и Заказчик, и Исполнитель одинаково понимали объем выполняемых работ.

Компания имеет практический опыт разработки сервисов с геопозиционированием с использованием Google, Yandex и OpenStreetMap карт c вариантами использования отслеживания ресурсов . Быстрое построение кластеров при огромном количестве объектов, построение маршрутов на карте, предварительное кэширование участков карт. Компанией разработано приложение для дальнобойщиков по отображению местоположения объектов таких как АЗС, стоянки и т. д. Кнопка Тревога умеющая информировать рядом находящихся, что данному пользователю необходима помощь.

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

Мобильное приложение по работе со штрих-кодами. Приложение с мобильного телефона сканирует штрих-код и фотографирует товар. Информация размещается в базе данных. Приложение в Play Маркете

Одной из выполненных работ является агрегатор интернет-магазинов с товарами по спортивному питанию и их заказ. В приложении также присутствует дневник питания для планирования потребления ккал и дневник тренировок. Всевозможная статистика и графики

Онлайн игра с геопозиционированием и анимацией на карте. Отображение и взаимодействие нескольких пользователей на одной карте в режиме реального времени

В портфолио компании БиномТех есть сервис позволяющий управлять информацией по отслеживанию на карте владельца часов GPS-трекера. Сервис имеет возможность он-лайн слежения, истории передвижения, уведомление о разряде батареи, Push-уведомления при выходе или входе в определенную геозону

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

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

Приложение по управлению медицинскими светильниками. Приложение ищет подключаемое оборудование по Wi-Fi сети и по бинарному протоколу управляет настройками блоков освещения. Реализована функция управления, просмотра и записи встроенной в светильник видеокамеры.

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

Приложения с дополненной реальностью (AR)

Компания БиномТех разрабатывает приложения и игры с дополненной реальностью (AR)

Приложение разрабатывается на Unity3D с использованием движка vuforia c поддержкой платформ Android и iOS.

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

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

Приложение содержит интерактивную подсказку и позволяет создавать снимки и записывать видеоролики с эффектами дополненной реальности.

Добавлена возможность добавления и отображения 3D-моделей с анимацией

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

Интересным эффектом дополненной реальности является, к примеру, просвечивание упаковки товара. Данный эффект можно использовать для привлечения внимания покупателей к Вашей продукции. Запустив приложение, наведите камеру на закрытую коробку с Вашим упакованным товаром, и на экране вместо коробки высветится дополненная реальность с содержимым коробки. Просмотр товара достигается путем подмены на экране устройства изображения коробки с маркером-меткой на 3D- модель без стенки коробки.

При наведении камеры телефона на вашу визитку или буклет или товар приложение может отображать анимированных персонажей. Так же этим анимированным персонажам можно задавать конкретные действия.

Если запускать apk не хочется, то можете

Как выбрать лицензию «1С-Битрикс: Управление сайтом», которая мне подойдет?


Продукт «1С-Битрикс: Управление сайтом» включает 5 лицензий – «Старт», «Стандарт», «Малый бизнес», «Бизнес» и «Энтерпрайз». Посмотрите удобную детальную таблицу сравнения лицензий , в которой наглядно представлен функционал каждой из них.

2. Обратиться за доработками к нашим партнерам. Как выбрать подходящего разработчика рассказано здесь.

3. Также вы можете перейти на старшую лицензию, содержащую более расширенные возможности.

Есть ли у «1С-Битрикс» абонентская плата?

Абонентской платы нет.

В течение года после покупки программного продукта «1С-Битрикс» вы можете бесплатно скачивать и устанавливать все вышедшие обновления для вашей копии продукта.

Независимо от даты окончания активности лицензии, вы можете приобрести продление за 25% от стоимости вашей лицензии. Активируя продление до окончания активности лицензии, ее срок продлевается на 1 год с даты окончания.

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

Сколько действует лицензия?

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

После оплаты права использования программы, вы одновременно получаете две лицензии:

1. Стандартную – она позволяет использовать продукт, получать обновления, устанавливать решения из Маркетплейс. Срок ее действия – один год. После этого необходимо продление.

2. Ограниченную – которая дает право использовать продукт без доступа к обновлениям и решениям из Маркетплейс. Ограниченная лицензия предоставляется не по письменному договору, а по EULA (лицензионное соглашение с конечным пользователем) и не учитывается в бухгалтерском учете. Ее назначение – подтверждение правомерности использования программного продукта клиентом по истечению годичного периода.

Срок действия Ограниченной лицензии совпадает со сроком исключительных прав на программный продукт (по статье 1281 ГК РФ).