0

お世話になっております
docker-compose初心者です
不透明な点、不足点等あればご指摘お願いいたします

参考にした記事
https://sleepless-se.net/2018/06/12/dockerdjango

利用したリポジトリ
https://gitlab.com/sleepless-se/django-uwsgi-nginx-https

環境
CentOS Linux release 7.5.1804 (Core)
Django==2.1.2
djangorestframework==3.9.0
docker==3.5.1
docker-compose==1.23.0

私は今、docker-composeを使ってDjangoをHTTPS化してデプロイしようと試みています
参考にした記事のリポジトリを利用してWebアプリのHTTPS化は成功しました
しかし、Nginxからstaticフォルダーが参照できておらず、CSS等が適用できていない状態です

記事を見るとnginx-app.confを設定するようですが、自分の環境での書き方がわからず悩んでいます

Djangoのアプリはappの中にプロジェクトの中身を全て入れてあります
appのディレクトリの場所は以下の通りです
/home/centos/django-uwsgi-nginx-https/django-uwsgi-nginx/app

現在以下のようにappの直下にstaticフォルダがある状態です
app
├── db.sqlite3
├── manage.py
├── project
├── requirements.txt
├── static
├── templates

記事では以下のようにnginx-app.confを設定するとあります

location /static {
alias /code/app/プロジェクト名/static;
}

ですが私のstaticフォルダはapp直下のため、以下のように書いたのですが機能しませんでした

location /static {
alias /code/app/static;
}

docker-compose.ymlは以下の通りです(ドメインは記載を変えています)

version: '3'
services:
  https-portal:
    image: steveltn/https-portal:1
    ports:
      - '80:80'
      - '443:443'
    environment:
      DOMAINS: 'example.com -> http://django:8080'
      STAGE: 'production' #'local'
    # volumes:
    #   - /data/ssl_certs:/var/lib/https-portal

  django:
    build: ./django-uwsgi-nginx
    volumes:
    - ./django-uwsgi-nginx/app:/code/app
    ports:
      - '8080:8080'

nginxからstaticフォルダーが参照できるには書き方が違うのか
それとも他になにか原因が考えられるのか
わかる方いらっしゃいましたらよろしくお願いします

3
  • /home/centos/django-uwsgi-nginx-https/django-uwsgi-nginx/app これはDockerコンテナ内のパスがこうなっているのでしょうか? nginx-app.confにはDockerコンテナ内のパスを書く必要があり、元の記事から特にdocker-compose.ymlをいじっていないのであれば/code/app/django-uwsgi-nginx/app/staticとなるはずです。 Commented 2018年11月3日 4:33
  • コメントありがとうございます、docker-compose.ymlの内容を追加しました、教えていただいた通りに設定したのですがやはりstaticフォルダは参照できていないです
    – user28197
    Commented 2018年11月3日 6:23
  • 追記いただきありがとうございます、ちょっと間違えたようです。おそらく正しい答えを回答にしました。 Commented 2018年11月3日 8:44

2 件の回答 2

1

今回はnginx-app.confのstaticフォルダの指定を間違えていた点もそうですが
STATIC_ROOTを設定していなかったため、virtualenvのテスト環境では動作しても
dockerのデプロイ環境では動かないという初歩的ミスがありました

デプロイ環境のためにはSTATIC_ROOTにcollectstaticが静的ファイルを集めるディレクトリの指定が必要だと理解していなかったのが原因です

ただDjangoの管理ページのCSSが適用していないのでまた原因を探る必要があります
拙い文章で分かりづらかったと思うのですが、丁寧に解説までしてくださり本当にありがとうございました

0

docker-compose.ymlについて、volumesの設定が#でコメントアウトされているのはわざとでしょうか? このコメントアウトを外さないとアプリが動作しないと思います。参考にした記事のほうではコメントアウトが外されています。

#volumes:
#- ./django-uwsgi-nginx/app:/code/app

nginxの設定ですが、以下のようにすれば動くのではないかと思います。

location /static {
    alias /code/app/static;
}

以降は解説です。Dockerコンテナ内で動くアプリは、外部から隔離されたファイルシステムが見えています。ですから、コンテナの外(ホスト側)に存在するファイルは何らかの方法でコンテナの内側から見えるようにしてあげる必要があります。

その方法の一つがvolumesの設定で、質問文にあるdocker-compose.ymlの設定は外側の./django-uwsgi-nginx/appがコンテナ内での/code/appに対応するようにしてくださいという意味になります。

そして、nginxの設定ですが、nginxはコンテナ内で動作しているため、コンテナ内のファイルシステム上のパスを教えてあげる必要があります。質問文にある/home/centos/django-uwsgi-nginx-https/django-uwsgi-nginx/app/staticというのはおそらくホスト側のパスでしょうから、これはコンテナ内のnginxには見えません。

今回、./django-uwsgi-nginx/app(これは/home/centos/django-uwsgi-nginx-https/django-uwsgi-nginx/appのことですよね)がコンテナ内での/code/appに対応するように設定しました。ということは、/home/centos/django-uwsgi-nginx-https/django-uwsgi-nginx/app/static/code/app/staticに対応するはずです。ですから、上述のように/code/app/staticをnginxに設定してあげることでnginxからstaticディレクトリが参照できるようになると思います。

5
  • ご丁寧に解説までいただきありがとうございます、コメントアウトはミスでした。しかしご指摘の通りコメントアウトを外し、/code/app/staticを指定したのですがstaticフォルダが参照されませんでした
    – user28197
    Commented 2018年11月3日 11:39
  • こちらで試してみたところ、/code/app/staticを指定することでstaticフォルダを参照させることができました。残る可能性としては、nginx-app.confの変更が反映されていないことが考えられます。設定を変更した場合、Dockerイメージを再ビルドしないと反映されません。 docker-compose upではなくdocker-compose up --buildとしてアプリを起動してみてはいかがでしょうか。 Commented 2018年11月3日 12:20
  • ありがとうございます、再ビルドはしているのですがやはりstaticフォルダは参照されませんでした。ログを見ると152 static files copied to '/code/app/static'.**と出ているのでstaticフォルダはきちんと認識しているように思います。**python3 manage.py runserverでは動作するので大丈夫だと思っていたのですがDjango側で設定がおかしいのかもしれません
    – user28197
    Commented 2018年11月3日 12:30
  • 現在の設定だと、例えばapp/static/style.css を読み込むためのURLは https://example.com/static/style.css になりますが、やりたいことはこれで間違っていないでしょうか? (もちろんドメインは自分の物に読み替えていただくとして) Commented 2018年11月3日 12:38
  • その通りです。いまsetting.pyを見て修正したところ解決しました。どうやらSTATIC_ROOTでデプロイ環境のためにcollectstaticが静的ファイルを集めるディレクトリが設定されていなかったのが問題だったようです。
    – user28197
    Commented 2018年11月3日 13:27

この質問に回答するには、ログインする必要があります。