NginxでHello Worldしてみた - AnDeriensのブログ

前々から苦手だったNginxの設定の克服のために、Nginxをスクラッチで立ち上げる的なことをしたかった。

アメリカのハッカードラマ、Mr.ROBOTでNginxの設定をスクラッチで書くシーンがあって、かっけえなって思ったのが動機（不純）。下のリンクは関連のリンクを貼ってるけど、該当のシーンは割と後半だった気がする。

MR. ROBOT / ミスター・ロボットシーズン3 予告編

メディア: Prime Video

１かゼロか

発売日: 2015/09/30
メディア: Prime Video

ディレクトリ構成

docker-composeで立ち上げるのでその構成と、設定ファイルapp.conf、リソースファイルsrc/index.htmlを配置。

$ tree .
.
├── Dockerfile
├── app.conf
├── docker-compose.yml
└── src
    └── index.html

詳細

docker-compose.yml

version: "3.8"

services:
  nginx:
    build:
      context: .
    ports:
      - "8080:80"

Dockerfile

FROM nginx
COPY src /usr/share/nginx/html
COPY app.conf /etc/nginx/conf.d/default.conf

app.conf

server {
    listen 80;
    server_name sample.nginx.com

    location / {
        root /usr/share/nginx/html;
        index index.html index.htm;
    }
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>nginx sample</title>
</head>
<body>
  hello world!! 
</body>
</html>

立ち上げ

$ docker-compose build nginx
$ docker-compose up -d nginx

としたあとに

http://localhost:8080/

に接続。

無事表示されました。

※アイキャッチ画像は、Gerd AltmannによるPixabayからの画像を使用しています。