Comment mettre en ligne des PWA sur Google Play store ?

- janvier 18, 2022

Publiez votre PWA dans le Play Store en quelques minutes à l'aide de PWA Builder

7 février 2020 David Rousset Anglais , Article technique , Tutoriel
Lors de notre dernière version de PWA Builder, nous avons récemment annoncé une nouvelle fonctionnalité permettant de générer depuis votre PWA un APK signé. Il est entièrement généré à partir du cloud, pas besoin d'installer quoi que ce soit sur votre machine comme Android Studio et il est prêt à être publié directement sur le Play Store !
Laissez-moi vous montrer à quel point c'est facile. Dans quelques minutes, vous pourrez soumettre votre PWA au Google Play Store.
Mais avant cela, première question que vous vous posez peut-être : pourquoi publierais-je ma PWA dans un Store ? La beauté des PWA n'est-elle pas de remplacer potentiellement les applications natives des app stores en s'installant directement depuis le navigateur ? Oui en effet! Mais en tant que développeur d'applications, vous devez essayer d'atteindre tous les utilisateurs possibles, où qu'ils soient et qu'ils aillent.
Les utilisateurs recherchent souvent une application spécifique via la boutique de leur appareil. La publication d'une PWA dans les magasins d'applications, que ce soit dans le Microsoft Store , le Samsung Galaxy Store ou le Play Store, offre les avantages suivants : découvrabilité , fiabilité , installation facile et informations commerciales , car vous pourrez obtenir des analyses à partir des tableaux de bord des magasins. . Considérez-le comme un autre moyen de distribuer votre PWA. Vos utilisateurs pourront trouver votre application directement depuis un navigateur via un lien, depuis un moteur de recherche ou depuis les boutiques d'applications ! Vous ciblerez tous ces canaux avec une base de code unique et un hébergement unique de votre PWA.
Avant de passer aux étapes de génération de votre package pour le Play Store, laissez-moi d'abord vous expliquer ce qu'est une activité Web de confiance (TWA) . Que diable?!? Encore un acronyme ! Pas de panique, le concept est simple. C'est un moyen de publier votre PWA en tant qu'APK sur le Play Store. Une fois que vous aurez cliqué sur le bouton "Installer" depuis le store, vous aurez un comportement identique comme si vous aviez installé votre PWA directement depuis le navigateur. Afin de prouver que vous êtes le propriétaire du PWA / site Web publié dans le Play Store, vous devez créer un lien d'actif numérique associé à l'APK soumis à la racine de votre site Web, sous un dossier spécifique. Vous pouvez en savoir plus à ce sujet : Utilisation des activités Web de confiance . PWA Builder va beaucoup simplifier ce processus !
De mon côté, j'ai suivi ces étapes pour publier mon petit jeu PWA Apples Crusher dans le Play Store . N'hésitez pas à l'installer sur votre téléphone Android pour vérifier son fonctionnement. Au fait, j'ai déjà blogué sur la façon dont j'ai créé ce jeu : Utiliser WebGL et PWA pour créer un jeu adaptatif pour les appareils tactiles, souris et VR . Mais n'importe quel PWA fonctionnera.

Étape 1 : soumettez votre URL PWA à PWA Builder

Accédez à https://www.pwabuilder.com , entrez l'URL de votre PWA et cliquez sur « Start » :
Nous analyserons ensuite votre PWA et suggérerons des améliorations possibles si nécessaire pour votre manifeste ou votre service worker.
Si votre score est déjà suffisamment élevé, vous pouvez cliquer sur « Build My PWA ».
Choisissez ensuite la plateforme Android et cliquez sur « Télécharger ». Cela lancera le processus de construction de notre APK signé sur nos serveurs et une fois terminé, vous pourrez explorer l'archive ZIP téléchargée.

Étape 2 : testez votre APK sur votre téléphone Android

Tout d'abord, vous devrez activer le mode développeur sur votre téléphone et également autoriser l'installation d'applications provenant de sources inconnues dans vos paramètres.
Ensuite, vous avez 2 façons de procéder. Si vous avez généré l'APK signé à partir d'un ordinateur de bureau, copiez votre APK signé téléchargé sur votre téléphone Android via USB et installez-le.
Mais vous avez une solution encore meilleure que l'USB… Faites tout simplement sur votre appareil Android via le navigateur et PWA Builder ! Regardez cette vidéo pour voir comment je conditionne notre propre PWA en tant qu'APK et l'installe directement depuis mon téléphone :
Générer et installer un APK signé depuis votre PWA en moins de 45s !
Vous pouvez même soumettre cet APK au Store depuis votre mobile. À quel point cela est cool?

Étape 3 : créez le lien des ressources numériques et placez-le sur votre serveur Web

Comme vous l'avez peut-être remarqué dans la vidéo précédente, une fois notre APK généré lancé, la PWA s'affiche avec la barre d'adresse. Évidemment, c'est quelque chose que vous aimeriez supprimer afin d'avoir une application complète comme une expérience. Pour cela, vous devez prouver que vous êtes le propriétaire de la PWA et l'associer à votre APK signé.
Lorsque vous téléchargerez notre archive ZIP depuis notre site contenant l'APK signé, vous trouverez également les prochaines étapes dans le fichier « Next-steps.md » pointant vers : Création de votre fichier de lien d'asset . En un mot, vous devez :
Téléchargez et lancez cette application Android depuis le Play Store : Peter's Asset Link Tool
Sélectionnez votre APK signé installé contenant votre PWA
Générez le Digital Asset Link et copiez le contenu dans un fichier nommé assetslinks.json sous un dossier nommé .well-known à la racine de votre PWA.
Générer le lien de l'actif numérique à partir de votre APK signé
Dans le cas de mon jeu PWA Apples Crusher, il vit ici : https://applescrusher.azurewebsites.net/.well-known/assetlinks.json

Étape 4 : publier sur le Play Store

Vous êtes prêt à publier votre APK sur le Play Store ! Pour cela suivez simplement la documentation de Google : Upload an app .
Vous aurez quelques captures d'écran à fournir pour répondre à quelques questions sur votre catégorie d'application, votre politique, etc. Veuillez noter que vous recevrez un avertissement après avoir téléchargé notre APK signé. Il dira que ce n'est pas optimisé. Vous pouvez ignorer cet avertissement ; cela ne vous empêchera pas de publier.
Quelques heures – jours plus tard, une fois votre PWA validée par Google, elle sera dans le Play Store, félicitations !
Veuillez nous contacter via notre compte Twitter officiel ou sur notre github pour tout commentaire.
N'hésitez pas à jeter un œil aux autres plates-formes pour lesquelles nous construisons ainsi qu'aux différents composants qui pourraient améliorer votre PWA.

Comment mettre en ligne des PWA sur Google Play store ?

De nombreuses applications sont visibles et téléchargeables via différents appstores, comme Google Play Store. Une nouveauté parmi les innombrables applications disponibles via cette plateforme est la PWA, un nouveau concept d’application offrant une meilleure expérience d’utilisateur. Mais l’important est de savoir : comment sont mises en ligne ces PWA Google Play Store ?

Qu’est-ce qu’une PWA ?

Par définition, une PWA, de l’anglais Progressive Web App soit Application Web Progressive est un savant mélange entre une application mobile native et un site web. Plus précisément, il s’agit d’un site web ayant l’apparence d’une application mobile native, pouvant envoyer des notifications push, se charger rapidement, s’afficher en plein écran, et même fonctionner hors connexion sur les smartphones sous Android. Une PWA additionne les fonctionnalités d’une application web et d’une application mobile native en offrant une expérience utilisateur optimale. L’expression PWA a été conçue par les ingénieurs de Google Chrome Frances Berriman et Alex Russell. Pour ce dernier, les PWA se définissent comme étant des sites web ayant tous les attributs nécessaires. La PWA n’est pas un nouveau concept ni une nouvelle technologie, mais un procédé d’assemblage technique entre une application mobile native et un site web, grâce à divers ajustements, le site web fonctionne de la même manière qu’une application mobile native téléchargeable sur Google Play Store. Un des plus grands enjeux des PWA est de faire en sorte de donner une meilleure expérience utilisateur qu’il en serait difficile de les différencier des applications mobile natives. Les PWA remplissent les mêmes fonctions sur les différentes versions et mises à jour des différents smartphones, que ce soit sur Android, ou iOS, ou bien d’autres OS de smartphones. L’interface reste la même, sans tenir compte des différentes versions des smartphones et les PWA sont disponibles pour différentes versions non pas pour une version spécifique.

L’objectif des PWA

Le but des PWA est une meilleure représentation de ce type d’application à travers les moteurs de recherche soit une meilleure visibilité sur le web, tout en fonctionnant en tant qu’application mobile native, les données seront donc plus simples à classifier et indexer. En tant que sites web, les PWA bénéficient du référencement naturel qui permet de proposer une plus grande visibilité. Un des plus grands objectifs des PWA est la facilité lors de leur installation, en effet ces applications web progressives sont faciles à installer et ne nécessitent pas d’une grande mémoire de l’appareil utilisé. Ces applications sont progressivement mises à jour, comme leur nom l’indique et elles fonctionnent avec une grande fluidité sur tous les types de supports que ce soient les smartphones ou les ordinateurs. Un autre objectif des PWA est aussi d’user de toutes les ressources et capacités matérielles des appareils mobiles à pleine capacité pour les sites internet qui réclament une puissance et des capacités matérielles performantes. Les PWA ne requièrent pas de connaissances spéciales ni de grandes manipulations lors de leur utilisation, ils fonctionnent comme des sites web normaux, mais sous la forme d’application mobile, tout est balisé et ces applications offrent une meilleure qualité en proposant leurs services. La finalité des PWA est en effet d’offrir une expérience utilisateur optimale tout en assurant une fiabilité ainsi qu’une sécurité améliorée.

Les avantages des PWA

Tout d’abord, les progressive web app ne requièrent pas de techniques d’installation spécifiques et ne consomment qu’une petite partie de la mémoire du support utilisé. Ensuite, elles ont une plus grande visibilité par rapport aux applications mobiles natives puisqu’elles fonctionnent en même temps en tant que site web et application mobile, car elles bénéficient d’une facilité quant au référencement naturel. Elles sont optimales et fonctionnent d’une manière fluide sur différents types de supports et OS. Les taux de chargement se voient multipliés lors de l’utilisation des PWA, les taux de conversions sont augmentés, et les taux de rebond en sont divisés. Les PWA sont considérés comme des applications nouvelle génération qui a un très grand potentiel. Par rapport aux applications normales, il n’y a pas trop de grandes mises à jour à effectuer, car une version offline est toujours téléchargée lors de la connexion au site, les applications sont d’une grande légèreté et la sécurité est tout autant assurée qu’avec une application mobile native. Les PWA représentent aussi un grand avantage financier vu qu’elles peuvent être publiées sous différentes plateformes sous la même version, ce qui diminuerait les frais de développement. Le référencement est aussi l’un des grands avantages des PWA du fait qu’elles sont directement liées aux moteurs de recherche.

PWA2APK - Convertir PWA en fichier APK - Appmaker.xyz

Télécharger PWA sur Playstore

Convertissez n'importe quelle PWA (application Web progressive) en applications prêtes pour Google Play .
Générez facilement des PWApk pour votre site PWA.

*Fonctionne avec TWA ( voir FAQ )

Fournir l'URL PWA

Fournissez le lien vers la PWA pour laquelle l'application Android est requise. Il vous sera demandé de vérifier la propriété du site Web dans les prochaines étapes.

Pourquoi télécharger PWA sur AndroidMagasin de jeu

Renforcez votre application

Meilleure découvrabilité

Vos clients recherchent quotidiennement vos applications sur Google Play. Études dire les consommateurs utilisent Google Playstore et Appstore comme s'il s'agissait de la recherche Google.

Petite taille

L'application Web progressive légère (PWA) consomme moins de taille que les autres applications natives. Avec l'application Android PWA créée à l'aide de PWA2APK, la réduction de taille est garantie.

Ex- Google Maps Go (175 Ko)

Supprimer "Ajouter à l'écran d'accueil"

Il est irritant de trouver Ajouter à l'écran d'accueil lorsqu'il se trouve sur des sites. Pourquoi ne pas encourager les utilisateurs à télécharger application à partir de magasin de jeu, s'ils veulent vraiment le garder.

À propos de nous

PWA2APK vous est présenté par Appmaker

Appmaker a rejoint le voyage avec la création d'applications depuis sa naissance. À l'aide de nos outils, les clients ont créé plus de 20 000 applications et servi des clients partout sur la planète.

En savoir plus sur App Maker

Demande des utilisateurs

Vos utilisateurs vous demandent depuis des années : « Existe-t-il une application pour X (votre site Web) ? Je ne le vois pas dans le magasin. Les gens veulent des applications provenant de magasins d'applications propriétaires, et non sur le Web gratuit et ouvert.

Se sent comme une application (pour de vrai !)

Les PWA ont été introduits pour sentir les sites Web comme une application, mais le URL rappelle souvent, ce n'est qu'un site Web. Avec caché URL, vos utilisateurs le sentiraient désormais comme n'importe quelle autre application.

Masquer l' URL

Maintenant, vous pouvez cacher URL par défaut. Vos utilisateurs ne sauront même pas qu'il s'agit d'un PWA enveloppé dans APK, ce qui contribue à une meilleure image de marque.

Notification push de l'application PWA

Envoyez des notifications push en tant que PWA, intégré à tous les fournisseurs de notifications Push.
ex- Un signal

Chargement hors ligne

L'application fonctionne même en cas de faible connectivité ou hors ligne. Les données peuvent être sauvegardées au paradis à l'aide de l'application Android PWA.

Synchroniser avec Chrome

Si votre utilisateur a ouvert une session sur votre site Web lorsqu'il installe l'application depuis le Play Store, il sera toujours connecté.

Synchronisé avec le Web

Synchronisez l'application Android PWA avec le site Web. Par conséquent, toutes les modifications apportées au site seront répercutées sur l'application mobile en temps réel.

Vous n'êtes pas un PWA ?

Pas de soucis

Convertissez n'importe quel site Web en applications prêtes pour Google Play à l' aide d'Appmaker Web2App

Créer une application Web

Questions fréquemment posées

1. Qu'est-ce qui rend PWA2APK unique ?

Contrairement aux applications Webview, les applications Android PWA créées à l'aide de PWA2APK sont construites au-dessus de TWA (Trusted Web Activity). La notification push et le cache fonctionnent par défaut dans TWA.

2. Cette application Android PWA est-elle gratuite ?

Vous pouvez télécharger gratuitement PWA Apk pour votre site PWA en utilisant PWA2APK (nom du package non personnalisable). Cependant, vous pouvez opter pour un nom de package personnalisé en basculant la version Pro (facturée en plus).

3. Fournissez-vous des codes sources pour PWApk ?

Oui. Nous fournissons le code source pour l'APK généré.

4. Comment fonctionne PWA2APK ?

Nous avons compris que le processus de conversion des PWA en application Android est mouvementé et nécessite de nombreuses heures de développement. En utilisant le moteur Appmaker, nous avons pu automatiser les processus. Cela l'a aidé à être un outil en un clic, où tout ce que vous avez à faire est de fournir l'URL et le nom de l'application.

5. Livrez-vous un APK signé ? Qu'en est-il de ce certificat ?

L'APK généré est signé. Chaque utilisateur a son propre certificat généré.

Vous pouvez obtenir les certificats, le code source ainsi que l'APK à la dernière étape.

6. Aideriez-vous à télécharger l'application Android PWA sur Playstore ?

Oui. Vous pouvez consulter notre documentation d'assistance. Et si vous avez encore des doutes, vous pouvez toujours nous contacter pour obtenir de l'aide.

7. Comment pouvons-nous vous contacter ?

Vous pouvez nous contacter par courrier ou via les réseaux sociaux. Notre e-mail est support@appmaker.xyz

8. En quoi TWA est-il différent de Webview ?

Certaines choses distinguent les activités Web de confiance des autres façons d'intégrer du contenu Web à votre application :
( source )
1) Le contenu d'une activité Web de confiance est fiable — l'application et le site qu'elle ouvre doivent provenir du même développeur. (Ceci est vérifié à l'aide de Digital Asset Links .)
2) Les activités Web de confiance proviennent du Web : elles sont rendues par le navigateur de l'utilisateur, exactement de la même manière qu'un utilisateur le verrait dans son navigateur, sauf qu'elles sont exécutées en plein écran. Le contenu Web doit d'abord être accessible et utile dans le navigateur.
3) Les navigateurs sont également mis à jour indépendamment d'Android et de votre application - Chrome, par exemple, est disponible pour Android Jelly Bean. Cela permet d'économiser sur la taille de l'APK et garantit que vous pouvez utiliser un moteur d'exécution Web moderne. (Notez que depuis Lollipop, WebView a également été mis à jour indépendamment d'Android, mais il existe un nombre important d'utilisateurs d'Android pré-Lollipop.)
4) L'application hôte n'a pas d'accès direct au contenu Web dans une activité Web de confiance ou tout autre autre type d'état Web, comme les cookies et localStorage. Néanmoins, vous pouvez vous coordonner avec le contenu Web en transmettant des données vers et depuis la page dans des URL (par exemple via des paramètres de requête, des en-têtes HTTP personnalisés et URI d'intention .)
5) Les transitions entre le contenu Web et natif se font entre les activités . Chaque activité (c'est-à-dire l'écran) de votre application est soit entièrement fournie par le Web, soit par une activité Android

9. Est-ce sûr ? Savons-nous qu'il n'injecte pas de code ?

Ceci est complètement sûr et il n'y a aucun moyen d'injecter du code dans TWA . Pour ajouter à plus de crédibilité, nous donnons également le code source de l'APK généré .

10. Je suis perdu. Qu'avez-vous dit que cet outil fait?

Il convertit PWA en fichier APK en quelques clics. Cela fonctionne en utilisant TWA, qui promet la disponibilité des PWA sur Google Playstore. En utilisant PWA2APK, vous pouvez convertir les PWA existants en fichier APK, qui à leur tour peuvent être téléchargés sur Google Playstore.

11. Quels sont quelques exemples de PWA ?

Certains exemples de PWA incluent Tinder, Starbucks, MapsGo et bien d'autres.

12. Pourquoi est-ce que je trouve la barre d'adresse dans l'APK téléchargé ?

C'est parce que vous n'avez pas vérifié correctement. En savoir plus sur la façon de réussir l'expérience de l'application Android PWA en plein écran.

13. Quelle a été l'inspiration derrière PWA2APK ?

L' article Medium de Maximiliano Firtman a été le point de départ. L'article était un peu long mais à la fin, il a cité "Je veux vraiment voir un outil pour entrer l'URL de notre PWA et en obtenir un APK." Ainsi, notre équipe a décidé de passer 2 jours entiers pour en faire une réalité.

14. J'aime ce que tu fais, que fais-tu d'autre ?

Merci! Nous sommes experts en gestion d'applications ainsi qu'en automatisation du développement d'applications, nous construisons des moteurs d'applications pour automatiser beaucoup de choses. Nous nous concentrons principalement sur les applications de commerce électronique et de médias numériques. Cela inclut l'application native WordPress, l'application native WooCommerce, l'application personnalisée , le site Web vers l'application Android , l'application de bureau pour Mac, Windows et Linux . Vous pouvez nous joindre à support@appmaker.xyz pour toute demande :)