ionic 3 publie l'application en tant que PWA (Progressive Web App)

Question

Je veux publier mon application en tant que PWA.

insérer ce script dans le fichier index.html

<!--script>
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('service-worker.js')
        .then(() => console.log('service worker installed'))
        .catch(err => console.log('Error', err));
    }
</script-->

puis installer

npm run ionic:build --prod 

Il semble qu'il le déploie mais mes questions sont les suivantes :

1. Quels sont les fichiers que je dois télécharger sur l'hébergeur pour publier l'application en tant que PWA ?

2. Pourquoi lorsque je change quelque chose dans l'application et que je lance ionic serve rien ne change et seulement dans l'index.html du dossier WWW (parce que maintenant c'est une PWA ??) ?

3. Lorsque j'ouvre le dossier www et que je lance l'ouverture du fichier index.html, lorsque j'appuie sur le bouton qui ouvre la boîte de dialogue d'alerte, celle-ci ne s'ouvre pas. pourquoi ?

4. lorsque j'exécute la commande ? seulement à la fin du développement ?

Answer 1

Exécuter

ionic cordova platform add browser

ionic build browser --prod --release

Allez ensuite sur le site [project_folder]/platforms/browser/www et copiez le contenu sur votre serveur http.

Answer 2

Ne vous embêtez pas avec Cordova pour un PWA. Utilisez simplement npm run build --prod et téléchargez le fichier /www dossier.

La PWA est plutôt un ensemble de concepts, il ne s'agit donc pas simplement d'activer ou de désactiver la PWA. Au minimum, vous voudrez probablement ajouter un fichier manifest pour que vous puissiez le rendre plus "semblable à une application" en cachant le cadre du navigateur, en définissant votre icône, le nom de l'application, etc. Décommenter la ligne pour ajouter le service worker n'en fait pas magiquement une PWA si vous n'avez rien mis d'"utile" dans le service worker (ce que vous pouvez ou non avoir besoin de faire, en fonction de la façon dont votre application fonctionne). Notez également que vous aurez besoin de HTTPS pour utiliser un service worker.

Vous devrez également supprimer manuellement la ligne de l'index.html qui inclut cordova.js (qui sera une erreur 404 si vous téléchargez simplement /www).

Answer 3

J'utilise cette commande pour créer une application web

ionic cordova build browser

Copiez ensuite le contenu de IONIC-PROJECT/platforms/browser/www sur le serveur web.