magento 2.3.1에서 PWA를 설정하는 방법은 무엇입니까?


10

Magento 2.3.1을 설치했지만 PWA를 사용하려고했지만 작동하지 않습니다. 아래 링크 https://hackernoon.com/getting-started-with-magento-pwa-studio-with-poc-c54c33f8d038

하지만 다음 명령을 사용하여 symlink를 만들려고 할 때

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

PWA 프로젝트를 만드는 방법을 아는 사람이 있습니까? 저는 Windows Machine에서 일하고 있습니다


도움이 될만한 링크를 참조하십시오. webkul.com/blog/magento2-3-pwa-studio-setup
Kirti Nariya

고마워 Kirti, 나는 또한 이것을 던져 갔지만 작동하지 않습니다.
Vinod Kumar

무슨 문제가 있습니까?
Kirti Nariya

위의 명령을 실행하면 오류가 발생하고 "yarn run build"를 실행하는 동안 오류가 발생합니다.
Vinod Kumar

cmd : sudo yarn run 빌드 및 확인을 사용하십시오.
Kirti Nariya

답변:


2

PWA 설정 (Linux OS)

1 단계 : magento 2.3.1 설치

2 단계 : 노드 설치 / 업그레이드

노드를 업그레이드하기 위해 npm에서 n 모듈 사용

sudo npm install n -g

최신 안정 버전 :

sudo n stable

최신 버전 :

sudo n latest

3 단계 : 실 설치 / 업데이트 :

sudo npm install --global yarn

sudo npm upgrade --global yarn 

4 단계 : Node-gyp 설치-Node.js 기본 애드온 빌드 도구

sudo npm install -g node-gyp

5 단계 : PWA Studio 리포지토리 복제

html root로 이동하여 다음을 실행하십시오.

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

이것을 실행하면 pwa-studio 폴더가 나타납니다.

6 단계 : PWA Studio 종속성 설치

sudo yarn install

7 단계 : Magento 백엔드 서버 지정

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

명령 예 :

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

.env 파일 변경 (관리 URL이 아닌 magento URL 임) :

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

8 단계 : 이제 빌드 작성

sudo yarn run build

9 단계 : 서버 실행

sudo yarn run watch:venia

Venia 상점 첫 화면 개발 환경 만 시작합니다.

sudo yarn run watch:all

Venia 핫 리로드 및 동시 Buildpack / Peregrine 재 구축을 포함한 전체 PWA Studio 개발자 경험을 실행합니다.

sudo yarn run build && yarn run stage:venia

빌드 아티팩트를 생성하고 스테이징 환경을 실행하여 더 많은 압축 된 자산을 사용하고 생산을보다 자세히 반영합니다.

위의 명령 중 하나를 실행하면 PWA에서 만든 virtul url을 얻게됩니다.

참고 : rood 사용자 인 경우 sudo를 사용하십시오.

Magento 2 officical dev 문서를 따르십시오.

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


나는 이미 공식 웹 사이트에서 시도했지만 주목할 만하다.
Vinod Kumar

PWA에 대한 권장 Actully 당신은 원사, 노드와 같은 타사 설정을 설치해야합니다
Saphal 산 제이를

당신은 옳습니다. 나는 pwa-studio, 노드 모듈 및 원사도 설치했습니다. 실제로 나는 Windows 시스템에서 일하고 있습니다.
Vinod Kumar

오, 창에 대한 명령도 업데이트하겠습니다. 필요한 소프트웨어를 모두 설치하면 해당 명령이 완벽하게 작동합니다.
Saphal Jha

나는 당신에게 감사 할 것이다 :) 가능하다면 위의 답변과 같이 단계별로 안내하십시오.
Vinod Kumar
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.