Comment configurer PWA dans magento 2.3.1?

10

J'ai installé Magento 2.3.1 et j'essaie d'utiliser PWA mais cela ne fonctionne pas, j'ai suivi le lien ci-dessous https://hackernoon.com/getting-started-with-magento-pwa-studio-with-poc-c54c33f8d038

mais quand j'essayais de créer un lien symbolique en utilisant les commandes suivantes

ln -s /var/www/html/magento/pwa-studio/packages/pwa-module app/code/Magento/

ln -s /var/www/html/magento/pwa-studio/packages/venia-concept app/design/frontend/Magento/venia

Quelqu'un sait-il comment créer un projet PWA? Je travaille sur une machine Windows

Vinod Kumar
la source
Reportez-vous au lien pour lequel vous pouvez aider. webkul.com/blog/magento2-3-pwa-studio-setup
Kirti Nariya
Merci Kirti, je suis allé jeter ça aussi mais ça ne marche pas.
Vinod Kumar
quel problème rencontrez-vous?
Kirti Nariya
Lorsque j'exécute les commandes ci-dessus, son erreur de lancement et lors de l'exécution de "yarn run build" génère également une erreur.
Vinod Kumar
Utilisez cmd: sudo yarn run build et vérifiez.
Kirti Nariya

Réponses:

2

Configurer PWA (OS Linux)

Étape 1: installez magento 2.3.1

Étape 2: installer / mettre à niveau le nœud

Utilisez le module n de npm afin de mettre à niveau le nœud

sudo npm install n -g

Pour la dernière version stable:

sudo n stable

Pour la dernière version:

sudo n latest

Étape 3: installer / mettre à jour le fil:

sudo npm install --global yarn

sudo npm upgrade --global yarn 

Étape 4: Installer node-gyp - Outil de construction de module complémentaire natif Node.js

sudo npm install -g node-gyp

Étape 5: Clonez le référentiel PWA Studio

Accédez à la racine html et exécutez:

git clone https://github.com/magento-research/pwa-studio.git

Après avoir exécuté ceci, vous obtiendrez le dossier pwa-studio

Étape 6: installer les dépendances de PWA Studio

sudo yarn install

Étape 7: Spécifiez le serveur principal Magento

Under the packages/venia-concept directory, copy .env.dist into a new .env file:

Exemple de commande:

sudo cp packages/venia-concept/.env.dist packages/venia-concept/.env

changement dans le fichier .env (ce sera votre URL magento, pas l'url d'administration):

MAGENTO_BACKEND_URL="https://release-dev-231-npzdaky-zddsyhrdimyra.us-4.magentosite.cloud/"

Étape 8: Créez maintenant un build

sudo yarn run build

Étape 9: exécuter le serveur

sudo yarn run watch:venia

Démarre uniquement l'environnement de développement de vitrine Venia.

sudo yarn run watch:all

Exécute l'expérience complète du développeur PWA Studio, qui inclut le rechargement à chaud de Venia et les reconstructions simultanées Buildpack / Peregrine.

sudo yarn run build && yarn run stage:venia

Génère des artefacts de génération et exécute l'environnement de transfert, qui utilise plus d'actifs compressés et reflète plus fidèlement la production.

Une fois que vous exécutez l'une des commandes ci-dessus, vous obtiendrez l'URL virtul créée par PWA.

REMARQUE: si vous êtes un mauvais utilisateur, utilisez sudo.

Suivez les documents de développement officiels de Magento 2:

https://devdocs.magento.com/guides/v2.3/pwa/

Saphal Jha
la source
J'ai déjà essayé sur le site officiel mais notant que c'est clair.
Vinod Kumar
En fait, vous devez installer les configurations tierces comme le fil, le nœud comme recommandé pour PWA
Saphal Jha
Vous avez raison, j'ai installé pwa-studio, le module de noeud et le fil aussi, en fait je travaille dans une machine Windows.
Vinod Kumar
ohk, je mettrai également à jour la commande pour la fenêtre, il vous suffit d'installer tous les logiciels requis, puis ces commandes fonctionneront parfaitement.
Saphal Jha
Je vous serai reconnaissant :) si c'est possible, veuillez me guider étape par étape comme la réponse ci-dessus.
Vinod Kumar