Studio での SSL

このテキストはAIを使用して翻訳されました。英語の原文を表示するには、こちらをクリックしてください。

WordPress Studio は HTTPS をサポートしており、安全な接続を使用したサイトを作成して、本番環境により近い環境を構築できます。この機能により、ローカル開発環境がより現実的になり、HTTPS でのみ発生する可能性のある問題を特定するのに役立ちます。

概要

WordPress Studio の SSL サポート機能では、以下のことが可能です：

• HTTPS を有効にしたサイトの作成
• 適切な SSL 証明書を使用したカスタムドメインの利用
• 証明書の自動管理
• セキュリティ警告なしのブラウザ互換性（信頼済みの場合）

仕組み

WordPress Studio は、以下のコンポーネントを通じて SSL サポートを実装しています：

• 認証局（CA）：Studio は独自の認証局を作成し、ローカルサイトの証明書に署名します。
• ドメイン証明書：HTTPS が有効なサイトごとに、CA によって署名された独自の証明書が発行されます。
• 証明書の信頼：お使いのオペレーティングシステムで証明書を信頼する設定をサポートします。
• HTTPS リダイレクト：SSL が有効なサイトでは、HTTP から HTTPS へのトラフィックが自動的にリダイレクトされます。

サイトで HTTPS を有効にする

HTTPS にはカスタムドメインが必要です。デフォルトの localhost アドレスでは使用できませんのでご注意ください。

新規または既存のサイトで HTTPS を有効にするには:

1. 新しいサイトを作成するか、設定タブの「サイトを編集」ボタンを使用して既存のサイトを編集します。
2. 新しいサイトを作成する場合は、表示されるモーダルで「詳細設定」を切り替えます。
3. 「カスタムドメインを使用」オプションにチェックを入れます。
4. まだ入力していない場合は、ドメイン名（.local で終わる必要があります）を入力するか、自動生成されたものを使用します。
5. 「HTTPS を有効にする」オプションにチェックを入れます。

6. 新しいサイトを作成する場合は「サイトを追加」ボタン、既存のサイトを編集する場合は保存ボタンをクリックします。 
7. プロンプトが表示されたら、WordPress Studio がシステムの hosts ファイルを変更する許可を与えてください。Studio がその他の設定をすべて自動的に行います。 
8. HTTPS 接続の場合、ルート認証局が生成されインストールされます。MacOS では、ブラウザの警告を回避するために証明書を手動でインストールする必要があります。詳細については以下のガイドを参照してください。
9. カスタムドメインを使用してサイトにアクセスします。

プラットフォーム別の証明書の信頼

Windows

Windows では、WordPress Studio が CA をシステムの信頼ストアに自動的に追加します。このプロセスには管理者権限が必要なため、HTTPS を有効にする際にユーザーアカウント制御 (UAC) のプロンプトが表示される場合があります。

MacOS

macOS では、CA を手動で信頼する必要があります。これを行うには、Studio がシステムに自動的にインストールした証明書ファイルを見つけます:

1. SSL が有効になっているサイトの設定タブに移動します。
2. サイトの詳細の下にある「証明書を信頼」リンクをクリックします。

3. 証明書ファイル（studio-ca.crt）が含まれるフォルダが開きます。ファイルをダブルクリックして証明書をインストールすると、マシン上でキーチェーンアクセスツールが自動的に開きます。
4. WordPress Studio CA 証明書を見つけます。studio という単語でアイテムをフィルタリングできます。

5. 証明書をダブルクリックし、信頼セクションを展開します。
6. 「Secure Sockets Layer(SSL)」を「常に信頼」に設定します。その他の設定はすべてそのままで構いません。

7. ダイアログを閉じ、パスワードを入力して確認します。

証明書が信頼されると、ブラウザーがそれを認識し、HTTPSサイトが安全であることを示すようになります。

Linux

Linuxでは、証明書を信頼をクリックすると、Studioがルート認証局（CA）をシステムバンドル、Chromiumファミリーのユーザー NSSデータベース、および既存のFirefoxプロファイルのNSSデータベース（apt、Snap、Flatpakインストール）に自動的にインポートします。ほとんどのユーザーは以下の手順を行う必要はありません。

自動信頼が反映されなかった場合にのみ、以下のフォールバック手順を使用してください。

Firefox（GUI）

1. about:preferences#privacy を開きます。
2. 証明書までスクロールし、証明書を表示…をクリックします。

3. 認証局タブに切り替え、インポート…をクリックします。

4. ~/.studio/certificates/studio-ca.crt を選択します。

5. Trust this CA to identify websites（この CA を Web サイトの識別に信頼する）にチェックを入れ、OK をクリックします。

6. Firefox を完全に終了し、再起動します。

Chromium / Chrome / Brave / Edge (CLI)

certutil がまだインストールされていない場合は、インストールします：

sudo apt install libnss3-tools

CA をユーザーの NSS データベースにインポートします。

certutil -d sql:$HOME/.pki/nssdb -A -t 'C,,' -n 'WordPress Studio CA' -i ~/.studio/certificates/studio-ca.crt

Snap-Chromium の場合は、代わりに Snap 固有の NSS データベースパスを使用してください：

certutil -d sql:$HOME/snap/chromium/current/.pki/nssdb -A -t 'C,,' -n 'WordPress Studio CA' -i ~/.studio/certificates/studio-ca.crt

インポート後、ブラウザを完全に終了してから再起動してください。

トラブルシューティング

ブラウザのセキュリティ警告

HTTPS が有効なサイトにアクセスした際にブラウザのセキュリティ警告が表示される場合：

• システム上で WordPress Studio CA 証明書を信頼済みに設定していることを確認してください。
• 証明書を信頼済みに設定した後、ブラウザを再起動してください。
• 警告が引き続き表示される場合は、ブラウザのキャッシュをクリアしてください。