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ルートに移動して実行します。
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によって作成された仮想URLが表示されます。
注:ルードユーザーの場合は、sudoを使用してください。
Magento 2公式開発ドキュメントに従ってください:
https://devdocs.magento.com/guides/v2.3/pwa/