他の端末からのアクセス
こちらのページでは、DevKinstaで作成したサイトを同じネットワーク上の別の端末で閲覧する手順をご紹介します。
注意事項
- この説明には、ファイアウォールのルールや設定の編集など、高度な操作が含まれています。このような変更を行うのが不安な場合や、ローカルサイトの読み込みに問題がある場合は、開発者を雇用するか、IT担当者に相談することをお勧めします。
- 関係するすべての機器が同じプライベートネットワークに接続されている必要があります。
- モバイル端末では、一度に1つのサイトでのみ利用できます。
- HTTP/HTTPSポート（通常80/443）に対するネットワークファイアウォールの例外処理をホストマシンで行う必要がある場合があります。
ホスト機器のネットワークIPアドレスの検索
複数の方法を用いてホスト機器のIPアドレスを調べることができます。
ネットワーク上のどのデバイスでも、このIPアドレスをブラウザで開くと、DevKinstaのアルファベット順に並んだ最初のサイトが読み込まれます。
サイトが読み込まれない場合、ファイアウォールによりHTTP/HTTPS接続がブロックされている可能性があります。この場合、新しいファイアウォールルールを追加する必要があります。Windows、macOS、Ubuntuでそれを行う方法は、以下の各ページをご覧ください。
方法1. PCとルーター
他のPCからDevKinstaサイトにアクセスするには、ホスト名を前のステップで検索したネットワークIPアドレスにマッピングする必要があります。例えば、サイトのホスト名がmysite.localの場合、hostsファイルを編集して、以下のようにそのホスト名を正しいIPアドレスに紐づけます。
192.168.1.7 mysite.local
hostsファイルの詳しい編集方法については、以下をご覧ください。
この方法では、DevKinstaのホストIPに複数のホスト名を指定することができます。
ネットワークルーターの機能/設定によっては、ネットワークルーターのhostsを編集し、すべての端末がホスト名を正しくマッピングできるようにすることも可能です。
方法2. モバイル端末
- アクセスするサイトを決定し、~/DevKinsta/nginx_sitesにあるNginxの.confファイル（sitename.conf）を開きます。
server_nameの行にlocalhostを追加します：server_name localhost wordpress.local *.wordpress.local;- .confファイルを保存したら、Docker Desktopまたはコマンドラインから devkinsta_nginxコンテナを再起動します：
docker container restart devkinsta_nginx
これで、DevKinstaホストのIPアドレスを使用して、同じネットワーク上のモバイル端末からローカルにホストされたサイトにアクセスできるようになります。別のサイトを指定するには、.confファイルからlocalhostを削除し、上記の手順で別のサイトの.confファイルに追加します。
wp-config.phpを更新し、IPアドレスを用いた通常通りのアクセスを可能にする
ページ読み込み後に、スタイルシート/アセットの破損やリンク切れが見られることがあります。これは、「.local」ドメインではなく IP アドレスでサイトにアクセスしていることが原因です。この問題を回避するには、次のスニペットをサイトの「wp-config.php」ファイルの「編集が必要なのはここまでです ! WordPress でブログをお楽しみください。」という文言の上に貼り付けます。
define( 'WP_HOME', 'https://'.$_SERVER['HTTP_HOST'] );
define( 'WP_SITEURL', 'https://'.$_SERVER['HTTP_HOST'] );それぞれの値において、必要に応じて、「https」を「http」に置き換えることができます。ローカル開発環境の実際の設定にあわせて決定してください。ちなみに、HTTPS接続でIPアドレスにアクセスしようとすると、“安全でないサイト”という警告が表示されます。
これで、同じネットワーク上の他の端末でローカルサイトを見ることができます。
