Когда я впервые услышал о доверительном веб -активности (TWA), я был очень поражен и взволнован, чтобы опубликовать свое первое приложение в Play Store. Недавно я опубликовал свой PWA Next.js (React SSR) в Google Play Store как TWA, и я постараюсь поделиться всей информацией, процессом и опытом в этой статье.
Как вы уже знаете, TWA – это способ публиковать ваш PWA в Play Store. Он запускается на экземпляре Chrome или вкладке Chrome Custom (CCT) на устройстве пользователя. Это выходит за рамки функций, чем веб -просмотр в приложении Android, например – Уведомление о веб -push , Фоновая синхронизация , Chrome Form AutoBill , Расширения источника СМИ (MSE) и Web Share API Анкет
До сих пор я собрал кое -что из моего личного опыта в отношении TWA. Включая –
- Эффективная кодовая база – Эта технология дает компании или разработчику поддерживать единую кодовую базу для большей части платформы, которая очень эффективна,
- Мгновенное обновление – Обновления на TWA не требуют, чтобы проходить процесс обзора Play Store после каждого обновления, который сохраняет время и служит пользователю мгновенно,
- Совместимость устройства – Большинство разработчиков приложений Android сталкиваются с проблемой оказания поддержки каждым устройствам, особенно для устройств, имеющих меньшее количество оперативной памяти. Но для TWA не требуется тестировать на все модели устройств, поскольку он работает на каждом устройстве, которое поддерживает Chrome 72+.
Это на самом деле самая важная часть для публикации вашего приложения в Play Store. Чтобы опубликовать ваше веб -приложение в Play Store. Некоторые требования должны выполнить, например, –
- Чтобы стать TWA, сначала веб-приложения должны быть PWA. Что означает, что вы должны выполнить все Требования PWA Анкет В некоторых статьях говорится, что скорость загрузки измеряется с использованием Маяк и веб -контент в TWA должен достичь оценки производительности 80. Но в моем случае мне пришлось использовать библиотеки, такие как материальный пользовательский интерфейс и другие, чтобы доставить приложение как можно скорее, поэтому я должен был пойти на компромисс с показателями моего приложения, которая была 66 (измерено маяком). Но после прохождения процесса обзора Play Store мое приложение было окончательно одобрено. Вот почему я думаю, что оценка производительности в 80 человек больше не является требованием для TWA.
- TWA должен иметь Ссылка цифровых активов что доказывает, что оба приложения были опубликованы одним и тем же разработчиком,
- Приложение должно соответствовать политике Play Store. Поскольку Google не всегда гарантирует, что ваше веб -содержимое соответствует Требования к семейной программе Вы должны выбрать возраст своей аудитории, должен быть 13+ при публикации вашего приложения через игровой консоли.
Получите Java Development Kit (JDK) 8
Инструменты командной строки Android требуют правильной версии JDK для запуска. Чтобы предотвратить конфликты версий с JDK -версией, которая уже установлена, BubbleWrap Использует JDK, который можно расстегнуть в отдельной папке.
Загрузите версию JDK 8, которая совместима с вашей ОС из Asciptopenjdk и извлечь его в собственную папку.
Предупреждение: Использование версии ниже 8 сделает невозможным компиляцию проекта, а более высокие версии несовместимы с инструментами командной строки Android.
Получить инструменты командной строки Android
Загрузите версию инструментов командной строки Android, которая совместима с вашей ОС из https://developer.android.com/studio#command-tools Анкет Создайте папку и извлеките в него загруженный файл. Это дополнительно установит Androidsdk и Android SDK Manager, не требуя установки всего Android IDE.
Скажите BubbleWrap, где инструменты командной строки JDK и Android
При первом запуске BubbleWrap он спросит, где он может найти инструменты командной строки JDK и Android. Итак, обратите внимание на местоположение, где оба были декомпрессированы.
Чтобы убедиться, что вы принимаете к сведению правильное местоположение, проверьте, содержит ли каждый каталог следующие файлы:
- Путь OpenJDK должен содержать корзин, com, включать ..
- Путь Androidsdk должен содержать инструменты, которые должны иметь Bin, CLI
Обновление местоположения инструментов командной строки JDK и/или командной строки Android
Если местоположение для инструментов командной строки JDK или командной строки Android было установлено с неправильным пути или если их местоположение изменилось после начальной конфигурации, место для любого из них может быть изменено, редактируя файл конфигурации по адресу $ {User_home}/. Llama-pack/llama-pack-config.json Анкет
Образец llama-pack-config.json
{
"jdkPath":"\\user\\home\\bubblewrap-user\\open-jdk",
"androidSdkPath":"\\user\\home\\bubblewrap-user\\android-cli"
}
Установка BubbleWrap
npm i -g @bubblewrap/cli
Инициализация проекта Android
Создайте проект Android из существующего веб -манифеста:
bubblewrap init --manifest https://your-web-app-url.com/manifest.json
При инициализации проекта BubbleWrap загрузит веб -манифест и попросит вас подтвердить значения, которые следует использовать при создании проекта Android.
Он также попросит у вас подробности, необходимые для создания ключа подписи, используемого для подписи приложения перед загрузкой в магазин Play.
Создание проекта Android
bubblewrap build
При создании проекта впервые необходимо будет установить инструменты сборки Android. Инструмент будет вызывать процесс установки для инструментов сборки. Обязательно прочитайте и примите лицензионное соглашение, прежде чем продолжить. Этот процесс установит другие необходимые файлы в каталоге/декомпрессированном корневом каталоге пакета Android CLI.
В результате этапа сборки инструмент будет генерировать подписанный APK (App-release-signed.apk) и Unsigned APK (APP-UN-UNGINED.APK). Вы можете выбрать любого из них, чтобы быть загруженным в магазин Play.
Опубликуйте свое приложение через Play Console
Вы можете выбрать загрузку USIGNED APK и позволить Google управлять ключом подписи вашего приложения. Зайдите в Google Play Console и зарегистрируйтесь для своей учетной записи разработчика, если у вас их нет. Вам нужно будет заплатить 25 долларов за создание этой учетной записи. Затем создайте альфа, бета -версию или внутреннее выпуск для вашего приложения. Вы можете следовать их рекомендациям для создания ваших релизов. Не забудьте выбрать возраст от 13+, или ваш запрос на публикацию приложений не будет принят.
Создание файла ссылки активов
Чтобы создать ссылку на активы, вам необходимо иметь файл JSON, доступный из URL вашего веб -приложения. URL -адрес этого файла JSON должен быть https://your-web-app-url/.well-known/assetlinks.json . Как упоминалось ранее, я использовал Next.js для создания своего веб-приложения. Если вы сделали то же самое, создайте папку с именем .well-известно в вашем public Папка вашего каталога проекта. В этой папке создайте файл с именем AssetLinks.json Анкет
Затем перейдите в Google Play Console, выберите выпуск вашего приложения и скопируйте отпечаток пальца SHA-256 из разделения сертификации подписания приложения. Измените свой AssetLinks.json Файл, как это,
[{
"relation": ["delegate_permission/common.handle_all_urls"],
"target": {
"namespace": "android_app",
"package_name": "com.appspot.pwa_directory",
"sha256_cert_fingerprints": [
"FA:2A:03:CB:38:9C:F3:BE:28:E3:CA:7F:DA:2E:FA:4F:4A:96:F3:BC:45:2C:08:A2:16:A1:5D:FD:AB:46:BC:9D",
]
}
}]
Измените package_name Значение, которое было дано или создано, когда вы создали свой APK, используя BubbleWrap. Обычно это становится как com.your-web-app-url.pwa где может быть ваш URL-адрес веб-приложения https://pwa.your-web-app-url.com . Место SHA256_CERT_FINGERPRINTS Стоимость отпечатка пальца SHA-256, которая была скопирована из Google Play Console. Не забудьте опубликовать этот файл JSON как можно скорее после того, как вы подали заявку на публикацию вашего приложения для Android в магазин.
Подождите подтверждения
После окончания процедуры, как указано выше, дождитесь подтверждения от Play Store Authority о публикации вашего приложения. Обычно для завершения процесса обзора требуется 1-2 дня. Но я опубликовал свое приложение в июне 2020 года, и из-за ситуации с Covid-19 Google потребовалось больше времени, чтобы закончить процесс обзора.
После отправки на обзор Google подтвердил публикацию моего первого приложения TWA в Play Store через 5 дней. Попробуйте сегодня опубликовать свое веб -приложение в Google Play Store. Счастливого кодирования!
Оригинал: “https://dev.to/bonnopc/publishing-react-app-on-google-play-store-trusted-web-activity-twa-basic-guide-1eao”