Configurar NPM para poder usar o PWA Studio

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

O Progressive Web Apps (PWA) Studio é um novo projeto disponível para o Adobe Commerce na infraestrutura de nuvem 2.3.x ou posterior. Para usar e instalar o PWA Studio, é necessário definir a versão do gerenciador de pacotes NPM como 5.x ou posterior para obter suporte para Node.js 8.x. Isso é feito na seção hooks:build do arquivo de configuração .magento.app.yaml.

Ambiente e tecnologias

Adobe Commerce na infraestrutura em nuvem 2.3.X
PWA para Adobe Commerce

Definir versão do NPM: etapas

Para definir a versão do NPM necessária, especifique-a no arquivo de configuração .magento.app.yaml. Siga estas etapas:

No ambiente de desenvolvimento local, localize o arquivo de configuração .magento.app.yaml.
Abra o arquivo para edição usando o editor de texto simples ou o IDE.

Defina a versão necessária na seção hooks:build. No exemplo a seguir, a configuração está definida para instalar o NPM v9.5.0, o mais alto disponível no momento (4 de fevereiro de 2019):

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

Se você quiser executar Node.JS em seu aplicativo e não apenas em sua build, adicione os seguintes comandos para alterar seu gancho de build:

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

Salvar alterações no arquivo.
O Git envia por push o arquivo editado para seu ambiente de integração.

As alterações entrarão em vigor depois que o Git enviar o arquivo YAML atualizado para o ambiente.

Documentação relacionada

Configuração do aplicativo: ganchos em nosso Guia do Adobe Commerce na Infraestrutura em Nuvem.

recommendation-more-help

8bd06ef0-b3d5-4137-b74e-d7b00485808a