- Как сделать из сайта приложение и выложить его в Google Play за несколько часов. Часть 2/2: Trusted Web Activity
- Android Studio
- Конфигурация приложения и зависимости
- Создание подписанного приложения
- Google Play Console
- Digital Asset Link
- Готово
- Заключение
- Android
- Applications for your Android
- Android Apps of the day
- PUBG: New State
- Clash Mini
- Editor’s Pick
- Games
- Multimedia
- Communication
- Online TV
- Editor’s Pick
- Latest tips & tricks
Как сделать из сайта приложение и выложить его в Google Play за несколько часов. Часть 2/2: Trusted Web Activity
В первой части мы превратили наш сайт в Progressive Web App. Там же было сказано, что совсем недавно, 6 февраля 2019 года, Google предоставили простую возможность выкладывать PWA в Google Play при помощи Trusted Web Activity. Всё, что нужно сделать, это написать небольшую обёртку под Android, которую можно будет выложить в Google Play. Когда пользователь скачает такое приложение-обёртку, оно просто будет открывать наше PWA внутри Chrome. Конечно же, интерфейс Chrome будет спрятан и всё будет выглядеть красиво.
Если вы, как и я, никогда не писали приложений под Android, то дальнейшее вам тоже должно показаться чередой магических манипуляций. Но к чему только не прибегнешь, чтобы выложить своё приложение. Поехали!
Android Studio
Для начала скачиваем впервые в жизни Android Studio. Создаём новый проект и при этом выбираем «Add No Activity».
Далее конфигурируем свой проект:
Для Package name рекомендуется формировать название следующим образом: стартовая страница skorochtec.ru/app превращается в ru.skorochtec.app.
Конфигурация приложения и зависимости
Созданный проект имеет следующую структуру:
Нам нужно будет изменить AndroidManifest.xml, styles.xml (папка res/values) и оба файла build.gradle.
Также рекомендую в папках res/drawable и res/mipmap задать иконку приложения, иначе у вашего приложения будет стандартная иконка Android.
Некогда объяснять, просто скопируйте это себе 🙂
А вот тут нужно дать некоторые пояснения:
- versionCode необходимо будет менять при каждой новой сборке, а вот versionName менять необязательно;
- defaultUrl соответствует start_url из Web App Manifest;
- в assetStatements должен быть именно базовый url («skorochtec.ru» в моём случае);
- вся магия обеспечивается подключением custom-tabs в последней строке, используйте именно эту версию, так как она на 100% проходит тестирование в Google Play.
AndroidManifest.xml
Скопируйте это, поменяв package в теге (в самом верху).
Создание подписанного приложения
Всё готово к тому, чтобы выпустить приложение. Но его ещё нужно подписать. Для этого находим в панели инструментов build -> Generate Signed Boundle / APK… Выбираем APK:
Жмём Create new…
Создаём новое хранилище ключей и сам ключ в нём:
И наконец собираем и подписываем приложение:
Ура! Наш APK готов к выпуску!
Google Play Console
Чтобы выложить приложение, у вас должен быть аккаунт разработчика, который стоит $25. После покупки у вас появится доступ в Google Play Console. В ней несложно разобраться, но уточню один момент. На этапе загрузки вашего APK в консоль разработчика, вы увидите следующее:
Google как бы намекает, что мы криворукие и скорее всего потеряем свой ключ подписи, а значит не сможем потом обновлять приложение. А потому нам предлагают, чтобы мы подписывали наш APK, а вот конечное приложение уже подписывалось самим Google-ом. Рекомендую принять это условие.
Digital Asset Link
Не заметили ничего подозрительного в предыдущих действиях? Для создания приложения мы по сути использовали только адрес нашего сайта… Тогда что нам мешает прямо сейчас выпустить приложение, например, Twitter?
А мешает Digital Asset Link, который мы должны разместить на своём сайте, чтобы доказать, что у приложения и сайта один владелец (на основании ключа подписи приложения).
Делается это очень легко: находите в Google Play Console, Управление релизом -> Подписи приложений. Там будет сертификат для подписи приложений, сгенерированный Google (если вы последовали моей рекомендации и приняли условие). Вам нужно скопировать Цифровой отпечаток сертификата SHA-256.
И вставить его в digital asset links tool. А сгенерированное им положить в файл assetlinks.json, который должен быть доступен на сервере вашего сайта по пути .well-known/assetlinks.json.
Готово
Вот и всё! Выпускаем наше приложение, ждём несколько часов, пока Google его одобрит и, в конце концов, наслаждаемся его присутствием в Google Play Market!
Кстати, красивые картиночки экранов можно сделать в https://apptoolkit.io/.
Заключение
Что ж, мы прошли полный путь от сайта до приложения, он был не очень лёгким, но и не очень сложным. Технологии PWA и TWA ещё очень молодые и имеют ряд недостатков. Например, выпущенное таким образом приложение не откроется у пользователя, если Google Chrome версии 72+ не является браузером по умолчанию на его смартфоне. Так что готовьтесь пожертвовать частью пользователей ради скорости выпуска.
В App Store выложить приложение таким образом пока нельзя. Ну и в целом Apple отстаёт в плане поддержки этих технологий (надеемся, что не намеренно). Но область Progressive Web App быстро развивается и улучшается, поэтому можно надеяться, что в скором времени все мобильные браузеры станут её поддерживать, а существующие недочёты будут исправлены.
Как бы то ни было, я верю, что будущее за Progressive Web App и призываю вас становиться ранними последователями этой технологии. Благо инструкция для этого у вас теперь есть.
Источник
Android
Applications for your Android
Discover the best apps to customize your Android, get hold of apps to improve the performance of your smartphone, social applications, photo apps, music apps and much more. 100% safe apps.
Android Apps of the day
PUBG: New State
The most futuristic version of PUBG
Clash Mini
Strategy game with miniature versions of Clash of Clans characters
RuPaul’s Drag Race Superstar
Put yourself in the hands of RuPaul and become the most successful drag queen
Aris
Control your Android via command line
Makeover Race
The most brutal beauty game
WhatsApp Plus
APK Mod to customize WhatsApp
GB WhatsApp
Customize WhatsApp and expand its functions
Lucky Patcher
Tool to patch Android apps
WhatsApp Messenger
The number one instant messaging application
NSWhatsApp 3D
Add extra functions to your WhatsApp
Facebook
Share your life experiences on the social network
Google Play Services
Synchronize your apps and smartphone features with the Google ecosystem
GB WhatsApp
Customize WhatsApp and expand its functions
WhatsApp Plus
APK Mod to customize WhatsApp
Master Royale
An app with private servers for Clash Royale
WhatsApp+ JiMODs (JTWhatsApp)
A great mod for WhatsApp
FRP Bypass
Bypass Google FRP protection
Zolaxis Patcher
Skins injector for Mobile Legends
Null’s Clash
Play Clash of Clans with all sorts of cheats
YOWhatsApp (YoWA)
A WhatsApp mod that adds new functions to the app
InstaUp
Get likes and followers on Instagram
iRoot
Root your old Android in one click
Editor’s Pick
WhatsApp Messenger
The number one instant messaging application
Instagram
The preferred social network for photography
Facebook Messenger
The Facebook app for messaging, voice and video calls
Lucky Patcher
Tool to patch Android apps
Spotify Music
The Spotify app for Android tablets and smartphones
Facebook
Share your life experiences on the social network
Snapchat
The social network of filters and ephemeral messages
Chrome
Google’s browser for Android
TikTok
A social network for short viral videos
Telegram Messenger
Fast and safe instant messaging
Follow us on…
Categories
Use two phone numbers on just one phone
The easiest way to learn sight-reading
Design cute keyboards
Color your photos with stunning effects
Gridded riddles and puzzles
Analyze APK files before installing them on your cell phone
Games
The ultimate 5v5 MOBA for Android
Action-packed survival game similar to Battle Royale
A new Crash and Cocoo adventure against Dr. Neo Cortex
The official version of PUBG for Android
The Android version of the Battle Royale
Fun 3 vs 3 online combats
Multimedia
The Google video portal app
An excellent media center for Android
Download videos and songs from YouTube
Download movies, music, and apps on your Android
Download video and audio from YouTube
App to download videos from dozens of Internet sites
Communication
An eye-catching WhatsApp MOD
The application that improves WhatsApp’s functions
More options to modify the graphical aspect of WhatsApp
Improve the privacy and customization of your WhatsApp
A WhatsApp MOD based on YOWhatsApp
Make the most of new WhatsApp functions
Online TV
Hundreds of TV channels on your mobile
App to watch the best series and movies for free
The Android app to watch movies and series online
The app of You Peliculas to watch movies and series online
Free online film and series service
Disney’s online and on-demand TV platform
Editor’s Pick
Participate in online meetings via your Android
The Android version of the Mozilla browser
Video editor with infinite possibilities
The application for the largest online store on the Internet
Thousands of patched apps and games
An open block world full of adventure
Latest tips & tricks
Android OS
Android is Google’s mobile operating system, born in 2007 as a result of the Open Handset Alliance that included several mobile device manufacturers as well as different software and telecommunications companies. Android is based on Linux and other mobile device-oriented open standards, although nowadays it’s also implemented on wearables, TVs, cars, video game consoles and plenty of other gadgets.
Android has its own application store called Google Play and at Malavida we carry out an extensive curation and analysis work focused on the most relevant Android applications, so that users like yourself have as much information as possible about what you install on your smartphone.
Источник