🐤

ローカルのwebサーバーに自分が指定したドメインでアクセスする。

2024/10/04に公開

概要

ローカルサーバーのURLをlocalhost→mylocalhost.comにしてみたくなったのでやってみた。

手順

  1. クライアントPCのhostsファイルを編集
  2. ローカルサーバーを立てる
  3. ブラウザでmylocalhost.comを叩いてみる

クライアントPCのhostsファイルを編集

C:\Windows\System32\drivers\etc\hostsを編集します。
localhostのIPアドレス127.0.0.1とドメインmylocalhost.comを紐づけます。

# Copyright (c) 1993-2009 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
~~~~~~以下略~~~~~~~
127.0.0.1 mylocalhost.com ←最終行にこれを追加
# End of section

webサーバーを立てる

dockerでローカルサーバーをサクッと立てます。

ディレクトリ構造
プロジェクト/
├─ html/
│  ├─ index.html
│
├─ docker-compose.yml
docker-compose.yml
version: "3"
services:
  nginx:
    image:nginx:latest
    container_name: nginx
    ports:
      - "80:80"
    volumes:
      - ./html:/usr/share/nginx/html
index.html
Hello World

ブラウザでアクセスする

表示された。

まとめ
ローカル環境内だとhostsファイルでipとURLが結びつけられる。
次回はローカル環境でssl対応をします。

Discussion