Описание

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

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

Пример внешнего вида сайта в приложении WebView

Пример push-уведомления

Настройка для App Store и Google Play

Создание проекта будет в Firebase. Нужен аккаунт разработчика

Аккаунт разработчика в Google Play

Переходим по ссылке https://play.google.com/console/u/0/developers 

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

Далее заполняем всю информацию и когда аккаунт создан, включаем двухэтапную аутентификацию

Создаем аккаунт в Google Play Console. Выбираем тип организации и жмем «далее»

Укажите имя разработчика или название компании:

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

Аккаунт разработчика в App Store

Информация для регистрации аккаунта:

• ФИО ответственного за регистрацию;

• Имя учетной записи разработчика;

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

• Адрес электронной почты разработчика (обязательно на домене сайта разработчика — это нужно для подтверждения легитимности регистрации и для упрощения восстановления доступа, если вдруг обратятся с другой почты с аналогичным доменом);

• ФИО контактного лица для связи с Apple;

• Номер телефона контактного лица для связи с Apple;

• Реквизиты организации (на английском);

• Адрес сайта;

• Количество сотрудников в организации;

• Номер DUNS.

ВАЖНО! Имя аккаунта (которое в Apple ID) должно совпадать с данными, которые вы заполняете при оплате аккаунта разработчика (банковская карта например).

Аккаунт регистрируется до 30 дней.

Создайте Apple ID

1. Создайте новый Apple ID. Мы рекомендуем делать это с айфона, который поддерживает последние обновления iOS (если вы планируете оплачивать с баланса мобильного телефона);

2. Используйте корпоративные контакты сотрудника компании, на которого планируете зарегистрировать Apple ID (почту на домене сайта компании и номер телефона). Корпоративные контакты сохранят возможность восстановить доступ к аккаунту при смене ответственного сотрудника;

3. По окончании регистрации укажите номер телефона, баланс которого будет использоваться для оплаты. Мы рекомендуем Билайн или МТС, так как у других операторов опция оплаты сервисов Apple ограничена.

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

Получите DUNS-номер, если у вас его нет

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

Заявку рассматривают от 7 до 30 дней.  Регистрация по адресу https://support.dnb.com/?CUST=APPLEDEV

Открываем статью https://habr.com/ru/articles/826602/ и следуем инструкции.

Зарегистрируйте аккаунт разработчика

1. После регистрации нового Apple ID, скачайте приложение Apple Developer, выберите вкладку «Account». Если регистрация корректна, в блоке APPLE DEVELOPER PROGRAM будет активна кнопка Enroll Now (в противном случае Disable);

2. По клику на Enroll Now переходим в режим ввода данных о компании. Название нужно указать латиницей, в четком соответствии с наименованием компании, присвоенном в рамках создания DUNS, иначе выдаст ошибку;

3. По аналогии с регистрацией в Google, вводим заранее подготовленные от клиента данные по ответственному лицу и контактам;

4. Подтверждаем полномочия, указывая:

• контактное лицо, которое сможет подтвердить полномочия первого; 

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

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

А дальше вам предложат завершить регистрацию и оплатить проверку. После клика на «‎Purchase», оплата пройдет того с телефона, который был указан еще при регистрации Apple ID, поэтому первый шаг очень важен.

Как оплатить лицензию Apple Developer в России?

• Способ подходит только для продления лицензии. Сделать это можно с помощью баланса мобильного телефона. Работает только МТС и Билайн, у других операторов приостановлена опция оплаты сервисов Apple. Оплата не всегда проходит с первого раза, не пугайтесь, пробуйте до победного;

• Завести карту иностранного банка и платить через нее, используя VPN. Главное, чтобы ФИО карты совпадали с данными пользователя (которое в Apple ID), иначе Apple не примет платеж. Если сделали все правильно, но ничего не получилось, позвоните на горячую линию Apple;

• Купить уже существующий аккаунт через каналы в Telegram. Покупка обойдется в ± 30 тысяч. У вас будет рабочий аккаунт, но через год подписку нужно будет продлевать. Лицензия Apple Developer стоит 99$ в год. Если подписка не продлевается, действие аккаунта приостанавливается, а приложения пропадают из App Store.

В течение 1–3 дней деньги спишутся, а вам придет письмо с кодом для завершения регистрации. Кликните по коду и нажмите «‎Продолжить‎»‎ в открывшемся окне, после чего станет доступна кнопка «Get Started»‎. Нажав на нее, вы получите доступ в «Developer Member Center», где будет полный функционал разработчика, поддержка и доступ на портал.

• Также картой Кыргыстана (Киргизия) тоже нельзя оплатить аккаунт разработчика.

Добавьте разработчика в аккаунт

Чтобы вы могли публиковать и выпускать обновления в App Store, добавьте в ваш аккаунт Apple Developer. Заранее узнайте Apple ID разработчика.

Перейдите на страницу App Store Connect. Если нужно, авторизуйтесь с помощью Apple ID, созданного ранее.

Нажмите «Пользователи и доступ»‎:

На странице «‎‎Пользователи и доступ»‎ на вкладке «‎‎Люди‎»‎ нажмите на «+»:

Укажите имя — «‎Поддержка»‎, фамилию — «‎‎Pyrobyte‎»‎ (только вашу компанию) и Apple ID разработчика. Выберите «‎Администратор»‎. Так разработчик сможет опубликовать приложение, обновлять его, получать информацию об ошибках и исправлять их. Если права доступа изменить, разработчик не сможет поддерживать приложение:

После этого нажмите кнопку «‎Пригласить‎»‎. Блок «‎‎Дополнительные материалы‎» ‎и «‎Приложения»‎ заполнять не нужно.

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

Создаем проект

(Для Apple: сперва наш программист должен создать сертификат которым будет подписываться приложение (т.к. он должен предоставить необходимые данные) и потом можно переходить к созданию проекта)

Переходим по ссылке https://firebase.google.com/

Кликаем по надписи «Add project»

Указываем название проекта (1) — название вашего магазина, ставим галочку рядом с соглашением (2) и нажимаем кнопку «Continue» (3)

Можно на этом этапе включить гугл аналитику (1), а можно сделать это потом (по желанию). Нажимаем «Create project» (2)

Проект создан, нажимаем кнопку «Continue»

Создаем приложение

Здесь уже есть выбор: создавать для Android или для iOS. В примере выбрано создание приложения для Android

Шаг 1

(Для Apple данные для полей Apple bundle ID и Apple nickname, узнаём у программиста OT Commerce. Поле App Store ID можно не заполнять.)

В поле «Android package name» (1) составляем на английском уникальный идентификатор приложения в магазине приложений (App Store или Google Play) Bundle ID. 

Как составить Bundle ID?

1. Берем адрес (ссылка) вашего сайта (например bundle.my)
2. Берем название вашего магазина на латинице (Name)
3. Объединяем п1 и п2 записав через точку: сначала окончание домена my ( у вас может быть какой угодно com, ru, org и тп) , затем вторая часть домена bundle (получается com.bundle) и наконец, название магазина латиницей Name (получается my.bundle.name)

Еще примеры:

В поле App nickname (2) рекомендуем указать название вашего магазина на базе Коробки ОТ

Регистрируем приложение, нажав кнопку «Register app» (3)

Шаг 2

Скачиваем себе на компьютер *.json файл, нажав на кнопку «Download google-services.json» (1)

Нажимаем кнопку «Next» (2)

(Для Apple скачиваем файл и после этого можно закрывать окно)

Шаг 3

Пролистываем вниз всё до кнопки «Next» и нажимаем её. Все поля заполнятся автоматически и ничего дописывать не нужно

Шаг 4

Нажимаем кнопку «Continue to console»

Добавляем PUSH уведомления

В созданном выше FireBase проекте переходим в пункт Cloud Messaging

Нажимаем кнопку «Send your first message»

Заполняем поле заголовок «Notification title» (1) и текст сообщения «Notification text» (2)

Нажимаем кнопку «Next» (3)

В блоке Target выбираем приложение, для которого отправляем Push-сообщение. В одном проекте может быть несколько приложений.

Для Android и для iOS в том числе (1)

Нажимаем кнопку «Next» (2)

Следующие 2 шага ничего не меняем и просто оба раза по порядку нажимаем кнопку «Next»

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

Затем нажимаем кнопку «Review» (2)

,

Далее проверяем настройки и нажимаем кнопку «Publish»

Готово