PWA Studioを使用できるように NPM を設定する

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

プログレッシブ web アプリケーション（PWA） Studio は、Cloud Infrastructure 2.3.x 以降でAdobe Commerce用に使用できる新しいプロジェクトです。 PWA Studioを使用してインストールするには、NPM パッケージマネージャーのバージョンを 5.x 以降に設定して、Node.js 8.x がサポートされるようにする必要があります。これは、.magento.app.yaml 設定ファイルの hooks:build セクションで行います。

環境とテクノロジー

クラウドインフラストラクチャー 2.3.X 上のAdobe Commerce
Adobe CommerceのPWA

NPM バージョンの設定：手順

必要な NPM バージョンを設定するには、.magento.app.yaml 設定ファイルで指定します。次の手順に従います。

ローカル開発環境で、.magento.app.yaml 設定ファイルを見つけます。
プレーンテキストエディターまたは IDE を使用して編集するファイルを開きます。

hooks:build のセクションで、必要なバージョンを設定します。次の例では、現時点で最高（2019 年 2 月 4 日（PT））の NPM v9.5.0 をインストールするように設定されています。

code language-yaml

code language-yaml
`hooks: build: \| unset NPM_CONFIG_PREFIX curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh \| bash export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" nvm install 9.5.0`

hooks:
    build: |
        unset NPM_CONFIG_PREFIX
        curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
        export NVM_DIR="$HOME/.nvm"
        [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
        nvm install 9.5.0

note note

NOTE

ビルドだけでなく、アプリケーションで Node.JS を実行する場合は、次のコマンドを追加してビルドフックを変更してください。

code language-none



echo ‘unset NPM_CONFIG_PREFIX’ >> .environment

echo ‘export NO_UPDATE_NOTIFIER=1’ >> .environment

echo ‘export NVM_DIR=“$MAGENTO_CLOUD_DIR/.nvm”’ >> .environment

echo ‘[ -s “$NVM_DIR/nvm.sh” ] && . “$NVM_DIR/nvm.sh”’ >> .environment

変更をファイルに保存します。
Git が編集したファイルを統合環境にプッシュします。

変更は、更新された YAML ファイルを Git によって環境にプッシュした後に有効になります。

PWA Studioを使用できるように NPM を設定する

環境とテクノロジー

NPM バージョンの設定：手順

関連ドキュメント