前提条件
- インストール済みの Node.JS
npm を使用した HTTP サーバーのインストール
システムでコマンド ラインまたはターミナルを実行します (現在のディレクトリは関係ありません)。npm install -g http-server を実行します。npm が完了すると、小さな HTTP サーバーがインストールされます。以上です。
ファイルの提供
静的ファイルを提供したい場所にシステム上で新しいフォルダーを作成します。Windows ではパスに関する特定の制限はありません。 macOS では、フォルダーへのアクセスを確認する必要がある場合があります。新しく作成したフォルダー内に、index.html というファイルを作成します。 以下の内容でファイルを埋めます。- http-server を実行します。
- HTTP-server は現在のディレクトリからファイルの提供を開始します。
- また、サーバーがリッスンしているすべての IP エンドポイントを出力します。
- そのいずれかを使用して、ブラウザーから Web サーバーにアクセスします。
- ページが読み込まれるのを確認します。
- 例:
http-server -p 80を実行して ポート 80 でサーバーを実行します。ポートが使用中の場合、そのポートを使用しているアプリケーションを見つけてシャットダウンしてから、再度 HTTP サーバーを実行する必要があります。
カスタム ドメイン名でファイルを提供する
さまざまな SDK (たとえば Google や Facebook など) をテストする際に、一部のサービスは特定の有効なドメイン名でしか構成できないことに気付くでしょう。 たとえば、単純な IP アドレス + ポートは受け入れられません。特定のサービスでは、ブラウザーが特定のセキュアなドメインからコードを取得することを保証するためにこのような構成を使用します。 また、この構成は、ユーザーが自分のドメインからのみアプリケーションにログインでき、他の誰もそれを偽装してユーザー データを盗むことができないようにするためにも頻繁に使用されます。これは重要で有用なセキュリティ制限ですが、ローカルでコードをテストしようとするときに問題が生じる場合があります。
DOMAIN_NAME_1 にアクセスしようとすると、ブラウザーはリクエストを IP_ADDRESS_1 にリダイレクトします。
HOSTS ファイル内の 各 エントリにも同じことが当てはまります。前述の例では、エントリ番号 4 は # で始まります。これはコメントの構文です。
特定のエントリを コメントアウト することで、HOSTS ファイルから必ずしも削除することなく、それらを無効にできます。
playfab.example は有効なドメイン名ですが、ブラウザーがそれを使用して Web サイトにアクセスすることはまずありません。HOSTS ファイルに次のエントリを追加することで、そのドメイン名でローカル HTTP サーバーにアクセスできるようになります。
80 以外のポートを使用している場合は、ローカル サーバーの起動時に作成されたポート (ポート 8080 など) を URL の末尾に追加する必要があります (
<playfab.example:8080>)C:\Windows\System32\drivers\etc\hosts。
macOS では、HOSTS ファイルは通常次の場所にあります:
/private/etc/hosts。