web-dev-qa-db-fra.com

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

Je veux publier mon application en tant que PWA, alors ce que j'ai fait est

insère ce script dans 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 installez

npm run ionic:build --prod

on dirait que ça se déploie mais mes questions sont:

  1. quels fichiers dois-je télécharger sur l'hôte pour publier l'application en tant que PWA?

  2. pourquoi, quand je change quelque chose dans l'application et que je lance ionic serve, rien ne change et cela ne change que dans le fichier index.html du dossier WWW? pourquoi (parce que maintenant c'est PWA ??)

  3. quand j'ouvre le dossier www et que je lance open index.html quand j'appuie sur le bouton qui ouvre la boîte de dialogue d'alerte, il ne l'ouvre pas. Pourquoi?

  4. quand j'exécute la commande? seulement en fin de développement?
ionic-frameworkionic2progressive-web-appsionic3
7
Adir Zoari

Courir

ionic cordova platform add browser

ionic build browser --prod --release

Ensuite, allez à [project_folder]/platforms/browser/www et copiez le contenu sur votre serveur http.

14
Pablo Albaladejo

Ne vous embêtez pas avec Cordova pour un PWA. Il suffit d'utiliser npm run build --prod et de télécharger le dossier /www.

PWA est plus une collection de concepts, donc ce n'est pas juste "on" ou "off". Au minimum, vous souhaiterez probablement ajouter un fichier manifeste afin de le rendre plus "similaire à" en masquant le cadre du navigateur, en définissant votre icône, le nom de l'application, etc. PWA si vous n’avez rien mis «utile» à l’employé de service (ce que vous pouvez ou ne pas avoir besoin de faire, selon le fonctionnement de votre application). Notez également que vous aurez besoin du protocole HTTPS pour utiliser un agent de service.

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

10
Rory

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

ionic cordova build browser

Copiez ensuite le contenu de IONIC-PROJECT/plateformes/navigateur/www sur le serveur Web.

0
Tejpal Sharma