Dockerで簡易httpサーバを立てる

htmlなど静的ファイルホスティング

最近、こんなクソゲーを作った。いつも単品のhtmlで開発する際に、index.htmlを開いていると、例えば特定のファイルをうまく読んでくれなかったり、パスが不正だったりと本番のDeployingと差分があり不都合になる場合があったりする。

kamiyaowl/sashimi - github

簡単にhttpサーバを立てて、ホスティングしたい

Dockerは最強だった。nginxのイメージを持ってきて、ホストしたいディレクトリをusr/share/nginx/htmlにマウントしてあげれば完了。

自分はdockerコマンド直打ちが嫌いなので、次のdocker-compose.ymlを示す。直接実行したい場合は適宜。

version: "3"
services:
  nginx:
    image: nginx:latest
    ports:
      - "<local server port>:80"
    volumes:
      - <mount directory>:/usr/share/nginx/html

例えば、カレントディレクトリのファイル一式をport:4444で公開したい場合は以下のようになる。

version: "3"
services:
  nginx:
    image: nginx:latest
    ports:
      - "4444:80"
    volumes:
      - ./:/usr/share/nginx/html

もしマウントするディレクトリに公開したくないファイルがある場合、.dockerignoreに記載するとマウントされません。

secret-file.json

まとめ

dockerは最近欠かせないツールになった。