PWA Studio: o navegador não confia no certificado SSL gerado

Este artigo fornece uma solução para um aviso de certificado SSL gerado não confiável em seu navegador quando você navega para uma instância local de sua loja de PWA Studio durante o desenvolvimento.

Produtos e versões afetados

PWA Studio para Adobe Commerce

Problema

O navegador não confia no certificado SSL gerado pela loja de PWA Studio local.

Causa

Navegar até o site de desenvolvimento/preparo.

Solução

No projeto da loja, execute o comando para adicionar um nome de host personalizado e um certificado SSL à instância de desenvolvimento local:

yarn buildpack create-custom-origin ./

A geração de certificados é realizada por devcert. Depende do OpenSSL, portanto, verifique se você tem uma versão atual do openssl no seu sistema usando o seguinte comando:

openssl version

A versão deve ser a 1.0 ou superior (ou LibreSSL 2, no caso do OSX High Sierra).

Você pode instalar versões superiores do OpenSSL com o Homebrew no OSX, o Chocolatey no Windows ou o gerenciador de pacotes da sua distribuição Linux.

Se você estiver executando o Linux, verifique se o libnss3-tools (ou o equivalente) está instalado em seu sistema. Mais informações fornecidas nesta seção do arquivo readme devcert.

Alguns usuários sugeriram excluir a pasta devcert para acionar a regeneração do certificado.

  • Para usuários do MacOS, esta pasta geralmente é encontrada em: {{~/Library/Application Support/devcert }}
  • Para usuários do Windows, esta pasta geralmente é encontrada em: ${User}\AppData\Local\devcert

Leitura relacionada em nossa base de conhecimento de suporte

recommendation-more-help
8bd06ef0-b3d5-4137-b74e-d7b00485808a