Обзор. Пошаговый рецепт webview-приложения с помощью конструктора. Готовим сами!


Задача: не умея программировать сделать вебвью приложение.

Ингредиенты

  • конструктор приложений https://webview.app 
  • фотошоп (чтобы накидать иконку и скрины для Google Play)
  • акк разраба (зарегистрируем сами)
  • руки не из жопы (надеемся и у вас такие)

ПОЕХАЛИ! 🚀

ШАГ 1: Регистрируемся в webview.app

Ссылка на регистрацию: https://webview.app/r/welcome

ШАГ 2: Регистрируем аккаунт разработчика

Для этого в антидетект браузере создаем профиль на каком-нибудь гео, кроме СНГ и Индии. Например, берем прокси Нидерландов.

Немного бегаем по разным сайтам, чтобы пособирать куки. После, приступаем к регистрации аккаунта почты гугл. Регистрируем на вымышленное имя.

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

Затем переходим на страницу https://play.google.com/console/about/ и после ввода пароля заполняем форму.

Запишите у себя какое название аккаунта разработчика Вы придумали – оно пригодится для формирования ключа подписи при сборке приложения!

При заполнении формы и при оплате аккаунта разработчика укажите страну прокси (в нашем случае – Нидерланды). Неважно, что телефон и карта у вас другой страны. Главное, чтобы платежный адрес совпадал со страной прокси. Также при оплате не меняйте имя на карте, которое заполнено гуглом в этом поле, даже если оно не совпадает с именем на физической карте.

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

Бинго!

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

ШАГ 3: Готовим заглушку для приложения

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

В качестве донора нашли в интернете такой женский тест:

Скачиваем его себе с помощью сервиса https://xdan.ru/copysite/ и меняем тест и фон на свой

Пакуем получившиеся файлы в ZIP-архив.

Заглушка готова!

ШАГ 4. Регистрируем AppsFlyer и добавляем приложение

Приложение планируют проливать через одну из in-app сеток. Для интеграции используем AppsFlyer.

Регистрируемся на зарегистрированную ранее гугловую почту и добавляем приложение, указывая в поле Android package name сгенерированный Bundle ID из конструктора:

После добавления приложения в AppsFlyer перейдите в раздел Configuration (Настройки) > App Settings (Настройки приложения). 

Скопируйте ключ разработчика (Dev key) и вставьте в специальное поле в конструкторе:

ШАГ 5. Регистрация OneSignal и Firebase. Чтобы слать пуши

“Дожимать” юзеров лучше всего пушами. Для этого добавим SDK OneSignal.

Входим под своим гугл аккаунтом: https://app.onesignal.com/signup

Вводим название приложения и выбираем Google Android

На следующей странице просит данные приложения из Firebase. Не пугаемся и идем по ссылке https://console.firebase.google.com/ там создаем проект, где указываем название своего приложения.

После того как проект создан, заходим в его настройки:

И там во вкладке Cloud Messaging копируем данные, необходимые для OneSignal

На третьем шаге выбирайте любую SDK, а на последнем шаге скопируйте App ID и вставьте в конструктор:

ШАГ 6: Заполняем данные приложения

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

Когда ключ готов, загружаем иконку, заставку, архив с тестом-заглушкой и приложение почти готово к сборке!

Сохраняем это всё, нажимая кнопку “Добавить”.

ШАГ 7. Собираем приложение

Нажимаем напротив приложения “Сборки”:

Видим состав будущей сборки и сумму.

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

Пополняем счет и нажимаем “Собрать”.

Сборка началась.

Спустя примерно 5-10 минут приложение будет готово для скачки и заливки в стор.

Напротив сборки нажимаем на иконку скачки и скачиваем AAB-файл, который далее будем заливать в Google Play.

ШАГ 8. Заливаем приложение в Google Play

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

Заполняем все поля дашборда:

Когда все галочки заполнены – заходим в раздел Production и создаем новый релиз, куда загружаем свой AAB-файл, собранный в конструкторе.

Публикуем приложение и ждем модерацию.

Как видите, в конструкторе кружочек около иконки серый.

Это значит, что приложение еще не опубликовано. Когда приложение пройдет модерацию, кружок станет зелёным.

Если он серый более 6 дней, зайдите в аккаунт разработчика и проверьте статус приложения. Рекомендуем заходить ежедневно на случай, если придет какой-то реджект баннера от модератора. Тогда можно будет исправить баннер и перезалить его. А если не заходить, то можно потерять драгоценное время =)

ШАГ 9: Создаем потоки

Чтобы в приложении показался оффер, нужно чтобы выполнились два условия, настроенные в потоке:

  • нейминг/диплинк
  • гео

Давайте создадим поток. Напротив приложения нажимаем кнопку “Потоки”:

Затем “Добавить” и указываем название потока, ссылку на оффер, гео:

Нажимаем “Создать” и получаем окошко, где можем скопировать нейминг, которым необходимо назвать рекламную кампанию. А также URLs коллбэков для оптимизации по событиям регистрации и покупки. Если планируем использовать оптимизацию по событиям, не забываем в URL оффера передать ID инсталла макросом {install_id}

Если будете лить трафик из Facebook, то рекомендуется одновременно использовать и нейминг и диплинки.

ШАГ 10: Продаем приложение

Да! Конструктор https://webview.app позволяет зарабатывать на продаже приложений. Вы можете с минимальными затратами и без навыков программирования собирать webview-приложения на заказ и продавать.

На примере сделанного нами приложения покажем как  дать покупателю доступ к управлению потоками в приложении. Это делается в пару кликов.

В списке приложений нажимаете кнопку “Поделиться”:

И на открывшейся странице копируете ссылку на доступ к приложению:

Эту ссылку и передаете покупателю. Также, при необходимости, можете передать доступы к аккаунту разработчика и AppsFlyer, One Signal (смотря какие были договоренности перед продажей).

При переходе по ссылке доступа покупатель попадает в кабинет по управлению потоками:

Может смотреть статистику приложения, список инсталлов.

Всё, что нужно для успешной работы с приложением.

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

Регистрируйся с сделай сегодня своё первое приложение: https://webview.app/r/welcome

Канал поддержки конструктора https://t.me/webview_news 

Понравилась статья? Поделись с коллегой!


Like it? Share with your friends!

0 Комментариев

X