PWA Studio : le navigateur n’a pas approuvé le certificat SSL généré
Cet article fournit une solution à un avertissement de certificat SSL généré et non approuvé dans votre navigateur lorsque vous accédez à une instance locale de votre vitrine de PWA Studio pendant le développement.
Produits et versions concernés
PWA Studio pour Adobe Commerce
Problème
Le navigateur n’fait pas confiance au certificat SSL généré de votre vitrine de PWA Studio locale.
Cause
Accès au site de développement/d’évaluation.
Solution
Dans votre projet storefront, exécutez la commande pour ajouter un nom d’hôte personnalisé et un certificat SSL à votre instance de développement locale :
yarn buildpack create-custom-origin ./
La génération des certificats est gérée par devcert. Elle dépend d’OpenSSL. Vérifiez donc que vous disposez d’une version actuelle d’openssl sur votre système à l’aide de la commande suivante :
openssl version
La version doit être 1.0 ou supérieure (ou LibreSSL 2, dans le cas d'OSX High Sierra).
Vous pouvez installer des versions plus élevées d'OpenSSL avec Homebrew sur OSX, Chocolatey sur Windows, ou le gestionnaire de packages de votre distribution Linux.
Si vous exécutez Linux, assurez-vous que libnss3-tools (ou l’équivalent) est installé sur votre système. Des informations supplémentaires sont fournies dans cette section du fichier Lisez-moi devcert.
Certains utilisateurs ont suggéré de supprimer le dossier de l’appareil pour déclencher la régénération du certificat.
- Pour les utilisateurs de MacOS, ce dossier se trouve généralement à l’adresse :
{{~/Library/Application Support/devcert }} - Pour les utilisateurs de Windows, ce dossier se trouve généralement à l’adresse :
${User}\AppData\Local\devcert