Sites com apps android

Как сделать из сайта приложение и выложить его в 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-ом. Рекомендую принять это условие.

Не заметили ничего подозрительного в предыдущих действиях? Для создания приложения мы по сути использовали только адрес нашего сайта… Тогда что нам мешает прямо сейчас выпустить приложение, например, 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 быстро развивается и улучшается, поэтому можно надеяться, что в скором времени все мобильные браузеры станут её поддерживать, а существующие недочёты будут исправлены.

Читайте также:  Line camera для андроид

Как бы то ни было, я верю, что будущее за 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.

Источник

Оцените статью