dockerでサクッとNginx環境構築の変更点 - 闘うITエンジニアの覚え書き

追加された行はこの色です。
削除された行はこの色です。
dockerでサクッとNginx環境構築へ行く。

[[Nginx]] &gt;
* dockerでサクッとNginx環境構築 [#y6ac7cae]
#setlinebreak(on)

#contents
-- 関連
--- [[dockerメモ]]
--- [[Nginx]]
--- [[Nginx+uwsgi+Flaskをdockerで動かす]]

** ディレクトリ作成 [#hbfc7c5e]
#html(<div style="padding-left:10px">)

#myterm2(){{
mkdir -p test_nginx/www
cd test_nginx
}}
#html(</div>)


** docker-compose.yml の作成 [#xc2fe704]
** Nginxの設定ファイル作成 [#i74d4520]
#html(<div style="padding-left:10px">)

./default.conf
#mycode2(){{
server {
    listen 80;
    server_name localhost;
    root /var/www;
    index  index.html index.htm;
}
}}
#html(</div>)


** docker-compose.yml の作成 [#v1818efe]
#html(<div style="padding-left:10px">)

./docker-compose.yml
#mycode2(){{
webserver:
  image: nginx 
  volumes:
   - ./default.conf:/tmp/default.conf
   - ./www:/var/www
  ports:
   - "8080:80"
  command: /bin/sh -c "cat /tmp/default.conf >/etc/nginx/conf.d/default.conf && nginx -g 'daemon off;'"
}}
#html(</div>)

** サンプルHTML作成 [#gcb0baa0]
#html(<div style="padding-left:10px">)

./www/index.html
#mycode2(){{
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
</head>
<body>

Test Nginx!

</body>
</html>
}}
#html(</div>)

** 起動 [#wf8d8083]
#html(<div style="padding-left:10px">)

#myterm2(){{
docker-compose up
}}

#html(</div>)

dockerでサクッとNginx環境構築 の変更点 - 闘うITエンジニアの覚え書き

dockerでサクッとNginx環境構築の変更点 - 闘うITエンジニアの覚え書き