PWA Studio：生成された SSL 証明書がブラウザーで信頼されない

この記事では、開発中にPWA Studioストアフロントのローカルインスタンスに移動した際に、ブラウザーで生成される信頼できない SSL 証明書の警告に対するソリューションを説明します。

影響を受ける製品とバージョン

Adobe CommerceのPWA Studio

問題

ブラウザーは、生成されたローカルPWA Studioストアフロントの SSL 証明書を信頼しません。

原因：

開発/ステージングサイトへの参照。

解決策

ストアフロントプロジェクトで、コマンドを実行して、ローカル開発インスタンスにカスタムホスト名と SSL 証明書を追加します。

yarn buildpack create-custom-origin ./

証明書の生成は devcert によって処理されます。 OpenSSL によって異なるので、次のコマンドを使用してシステムに現在のバージョンの openssl があることを確認します。

openssl version

バージョンは 1.0 以上（OSX High Sierra の場合は LibreSSL 2）にする必要があります。

OSX の Homebrew、Windows の Chocolatey または Linux ディストリビューションのパッケージマネージャーを使用して、より新しいバージョンの OpenSSL をインストールできます。

Linux を実行している場合は、libnss3-tools （または同等のツール）がシステムにインストールされていることを確認します。 詳細については、devcert readme のこのセクションで説明しています。

一部のユーザーは、トリガー証明書の再生成のために devcert フォルダーを削除することを推奨しています。

サポートナレッジベースの関連資料