Vous êtes ici:   Sommaire / Gestion De La Progressive Web App / Publication Et Mises À Jour De Ma Progressive Web App

Progressive Web App Publication - Informations générales

Qu'est ce qu'une PWA ?

Les Progressive Web App peuvent fonctionner sur n'importe quel appareil et ont la capacité de s'adapter totalement à l'écran sur lequel elles sont affichées. Les PWA sont développées avec les technologies web et sont accessibles depuis n'importe quel navigateur. De fait, elle sont compatible avec tout les appareils mobiles (notamment les Windows Phones, les Blackberry ou n'importe quel autre appareil, même s'il n'utilise pas de technologie iOS ou Android). La PWA n'est pas publiée sur le store comme les apps natives. Elle est publiée sur internet comme un site traditionnel.
 

  • Vous pouvez envoyer des notifications push sur les PWA.
  • Les PWA peuvent être référencées par les moteurs de recherche
  • Les Progressive Web App peuvent être installées directement sur l'écran d'accueil de l'utilisateur sans qu'il n'ait à télécharger quoi que ce soit ou à se connecter au store. 


1

Publier votre Progressive Web App

Avec Goodbarber, vous pouvez créer une Progressive Web App (PWA).

Pour que votre PWA soit active, vous devez la publier une première fois dans le menu Canaux de vente > PWA > Publier :
- Activez la en cliquant sur le bouton  "Activer la Progressive Web app".
- Cliquez sur le bouton bleu "Publier ma Progressive Web App".

Cela peut prendre quelques minutes, il s'agit du comportement normal.
 

picture

Par défaut, votre PWA est accessible depuis cette URL: http://<appname>.goodbarber.app
Mais vous pouvez (et devriez) personnaliser cette URL (pour en savoir plus sur la façon de le faire, lisez ces aide en ligne ).


2

Activer votre Progressive Web App

Vous avez le choix d'activer ou non votre PWA dans le menu Publier > Publication > Progressive Web App.

Si vous ne voulez pas qu'il soit accessible à vos utilisateurs, il suffit de cliquer le bouton indiqué sur OFF.
Sous le bouton, un menu déroulant s'affiche où vous pouvez sélectionner la page sur laquelle vous souhaitez que vos utilisateurs soient redirigés lorsqu'ils tentent d'accéder à l'URL de la version de votre PWA.

-Page 404 introuvable : L'utilisateur sera redirigé vers une page indiquant "Erreur 404- L'URL demandée n'a pas été trouvée sur ce serveur".

-La page d'authentification du back-office : L'utilisateur sera redirigé vers la page d'accès de votre back-office, à l'endroit où vous remplissez habituellement votre identifiant et votre mot de passe.

-Télécharger l'application native : l'utilisateur sera redirigé vers le magasin correspondant au type d'appareil utilisé (l'App Store pour les utilisateurs d'iOS, le Play Store pour les utilisateurs d'Android si vous avez souscrit à une offre GB native).

 

picture

Si vous avez un site Web exécutant autre chose que votre PWA GoodBarber, vous pouvez rediriger automatiquement vos utilisateurs vers votre PWA lorsqu'ils utilisent un navigateur mobile.
Pour ce faire, copiez et collez le code donné par la plate-forme dans la balise "head" tag de votre site.

picture