Outils pour utilisateurs

Outils du site


admin:pwa

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
Prochaine révisionLes deux révisions suivantes
admin:pwa [2020/12/18 11:14] – [Prérequis] lucyboatadmin:pwa [2020/12/18 11:57] lucyboat
Ligne 1: Ligne 1:
-===== Prérequis =====+====== Comment transformer mon site en appli ? ======
  
-Avoir finalisé la configuration d’Amapress et du site.+> Ajouter un raccourci à l'écran d'accueil
  
-👉 [[:admin:etat_amapress|]]+===== Objectif =====
  
 +Vous l'avez déjà certainement remarqué en navigant sur Internet, certains site vous propose d'**Ajouter un raccourci à l'écran d'accueil.**
  
-===== Objectif =====+Il s'agit d'ajouter un raccourci sur votre smartphone vers une Progressive Web Application (PWA).
  
-Pour les amapiens équipés de smartphones, cela permet d’avoir un raccourci depuis son smartphone vers un site optimisé ce qui permet un chargement plus rapide.+La PWA d'Amapress vous permettra d'intégrer une version optimisée de votre site pour un charegment plus rapide des pages. Le site est affiché sans le contexte de l’interface du navigateur : format plein écran, cela permet une meilleurs lisibilité.
  
-Le site est affiché sans le contexte de l’interface du navigateur : format plein écran, cela permet une meilleurs lisibilité:+Pour les amapiens équipés de smartphones, ils auront ainsi un accès direct vers le site de l'Amap et pourront ainsi y accéder lors d'une disptribution par exemple.
  
-===== Configuration Admin =====+===== Prérequis =====
  
-Retrouvez les réglages PWA dans l’ ►**Etat d’Amapress, section 3/ Configuration**.+Avoir finalisé la configuration d’Amapress et du site.
  
-Activez les plugin+👉 [[:admin:etat_amapress|]]
  
-►PWA+===== Configuration Admin ===== 
 + 
 +Retrouvez les réglages PWA dans l’ **Etat d’Amapress, section 3/ Configuration**. 
 +==== Activez les plugin PWA et Autoptmize ====
  
-►Autoptimize+  * Cliquez sur **Progressive Web App __(Installer) __ ** 
 +  * Cliquez sur ►**Autoptimize __(Installer) __ **
  
 {{:admin:8727ecacc38dd4cff365dd59ff240346.png}} {{:admin:8727ecacc38dd4cff365dd59ff240346.png}}
  
-Configurez PWA+Configurez ►**PWA**
  
 Donnez un nom court à l'appli de votre site et choisissez les paramètres qui vous conviennent. Donnez un nom court à l'appli de votre site et choisissez les paramètres qui vous conviennent.
Ligne 32: Ligne 37:
 {{:admin:355f8624a164225a16fa32c8b8c776bf.png}} {{:admin:355f8624a164225a16fa32c8b8c776bf.png}}
  
-Configurez Autoptimize+Configurez ►**Autoptimize**
  
-Cochez la case **►Optimisez le code Javascript ?** et laissez les paramètres par défaut.+Cochez la case **►Optimisez le code Javascript ?**  et laissez les paramètres par défaut.
  
 {{:admin:2b8742a41d1098450c98055c14d90c7d.png}} {{:admin:2b8742a41d1098450c98055c14d90c7d.png}}
admin/pwa.txt · Dernière modification : 2020/12/18 12:12 de lucyboat