【Django入門】Nginxを使ってWebサーバーを動かそう

こんにちは。ryoです。

今回は、Nginx（エンジンエックス）からPythonのWebフレームワークであるDjangoを動かす方法を解説します。

DjangoでWebアプリケーションを作って公開をする際には欠かせない知識になります。

この記事では、

・Nginx
・Nginxで運用する際に必要となるuWSGI

について解説します。さらに、

・Nginxが動くDjango環境

についての解説を通して、実際にDjangoアプリケーションを公開してみましょう。

この記事の目次

1 Nginxとは
- 1.1 Apacheとの違いについて
2 WSGI、uWSGIとは
3 Nginxが動くDjango環境を作る
4 NginxでWebページを表示する
5 まとめ
6 おすすめのコンテンツ

Nginxとは

今回使うNginxとは何かについて、知っておきましょう。

NginxとはWebサーバー向けのソフトウェアのことです。

WebサーバーでWebアプリケーションを公開するときに、DjangoのようなWebフレームワーク以外にも必要なアプリケーションがあります。

そのWebフレームワーク以外に必要な、ベースとなるアプリケーションこそがNginxやApacheになります。

DjangoのようなWebフレームワークでアプリケーションを公開するときには、Webサーバーソフトウェアが無ければ公開することが出来ません。

Apacheとの違いについて

似たようなWebサーバーソフトウェアにApacheがあります。

Webサーバーソフトウェアの主流はApacheでしたが、現在は半数近いWebサーバーがNginxで動いています。

Apacheは同時接続数が極端に多くなると対応をすることができなくなったり、レスポンスがとても遅くなってしまいます。

この問題を解決したのがNginxです。

他にも設計思想やメモリの使用量、Nginxのほうがシンプルな構成になっていることなどの違いはあります。

NginxはApacheよりも同時接続に強いことを覚えておきましょう。

DjangoとApacheの連携は、こちらの記事をご覧ください。

【Django入門】apacheを使ってサーバーを動かそう

更新日 : 2017年7月25日

WSGI、uWSGIとは

PythonにはDjango以外にも色々なWebフレームワークがあります。

PythonのWebフレームワークについてはこちらの記事をご覧ください。

2018年大注目のPython！WEBフレームワーク3つを徹底比較

更新日 : 2019年4月11日

選択肢が多いということはとても嬉しいことではありますがその反面、選ぶWebフレームワークによって機能や使えるWebサーバーアプリケーションが制限されることがありました。

これを解決したのがWSGI（ウィズギー）と呼ばれるインターフェイスです。

WSGIはWeb Server Gateway Interfaceの略で、Gateway Interfaceの名前から機能のイメージがしやすいかと思います。

そして今回使うuWSGIは、NginxとDjangoをつなぐ役割をします。

Djangoではmod_wsgiを使ったように、WebサーバーアプリケーションによってWSGIの種類も変わります。

Nginxが動くDjango環境を作る

ここからは実際にNginxが動くDjnago環境を作っていきます。

ここから動作させるコードやコマンドはすべてMacで実行したものになります。

WindowsやLinuxで動かす場合は、コマンドを置き換えて見てください。

また、Pythonの環境は、

・Python　3.6.0
・Django　1.11.2

となっています。

Djangoの下準備

まずはDjangoの環境を整えましょう。

Djangoはプロジェクトを作成して、その中にWebアプリケーションを作成するのが基本の流れになっています。

まずは、プロジェクトを作りたいディレクトリに移動して、このコマンドを実行しましょう。

django-admin startproject mySite

1	django-admin startproject mySite

これでmySiteというディレクトリが出来上がります。

次にmySiteディレクトリに移動して、このコマンドを実行しましょう。

python manage.py startapp myapp

1	python manage.py startapp myapp

これでmySiteプロジェクトの中に、myappというWebアプリケーションが出来上がりました。

現在のディレクトリ構成はこのようになっています。

├── manage.py
├── mySite
│   ├── __init__.py
│   ├── __pycache__
│   │   ├── __init__.cpython-36.pyc
│   │   └── settings.cpython-36.pyc
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
└── myapp
    ├── __init__.py
    ├── admin.py
    ├── apps.py
    ├── migrations
    │   └── __init__.py
    ├── models.py
    ├── tests.py
    └── views.py

4 directories, 14 files

├── manage.py

├── mySite

│ ├── __init__.py

│ ├── __pycache__

│ │ ├── __init__.cpython-36.pyc

│ │ └── settings.cpython-36.pyc

│ ├── settings.py

│ ├── urls.py

│ └── wsgi.py

└── myapp

├── __init__.py

├── admin.py

├── apps.py

├── migrations

│ └── __init__.py

├── models.py

├── tests.py

└── views.py

4 directories, 14 files

これでDjnagoの環境は出来上がりました。

Nginxの導入

次にNginxをインストールしましょう。

MacではHomebrewを使ってインストールします。

brew install nginx

1	brew install nginx

インストールが終わったことを確認して、このコマンドを実行しましょう。

nginx

nginx

これで、サーバーが起動します。

http://localhost:8080 にアクセスしてみましょう。

このような表示がされていれば、Nginxの起動は完了しました。

Nginxは、このコマンドを実行することで終了することが出来ます。

nginx -s stop

1	nginx -s stop

これでNginxの導入は完了です。

uWSGIの導入

次に、uWSGIをインストールします。

uWSGIはNginxとDjangoをつなぐ糊のようなものでしたね。

Pythonのパッケージマネージャであるpipを使ってインストールしましょう。

pip install uwsgi

1	pip install uwsgi

これで、インストールは完了です。

NginxでWebページを表示する

ここからは実際にページを表示してみましょう。

まずは、Djangoに作ったWebアプリケーションを知らせるために、mySite/settings.pyにmyappを追加しましょう。

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'myapp',
]

INSTALLED_APPS = [

'django.contrib.admin',

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.messages',

'django.contrib.staticfiles',

'myapp',

]

次に、myapp/views.pyをこのように編集しましょう。

from django.http import HttpResponse

def hello(request):
        return HttpResponse("Hello, Nginx.")

from django.http import HttpResponse

def hello(request):

return HttpResponse("Hello, Nginx.")

リクエストに対して、「Hello, Nginx.」という文字列を返します。

次にmyapp/urls.pyをこのように編集します。

from django.conf.urls import url
from . import views

urlpatterns = [
    url(r'^$', views.hello, name='hello'),
]

from django.conf.urls import url

from . import views

urlpatterns = [

url(r'^$', views.hello, name='hello'),

]

Webアプリケーション配下にあるurls.pyは自動で生成されないので、自分で作って編集しましょう。

次にmySite/urls.pyをこのように編集します。

from django.conf.urls import include, url
from django.contrib import admin

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^myapp/', include('myapp.urls')),
]

from django.conf.urls import include, url

from django.contrib import admin

urlpatterns = [

url(r'^admin/', admin.site.urls),

url(r'^myapp/', include('myapp.urls')),

]

これで「/myapp」にアクセスした時に、先程の「Hello, Nginx.」を返すようにURLを設定出来ました。

Django付属のrunserverコマンドで確認をしましょう。

http://localhost:8000/myapp/ にアクセスして、このように表示されればDjangoの準備は出来ました。

次にuWSGIサーバーを使って起動してみましょう。

このコマンドを実行してみましょう。

uwsgi --http :8000 --module mySite.wsgi

1	uwsgi --http :8000 --module mySite.wsgi

8000番のポートを利用して、mySiteディレクトリにあるwsgi.pyを使って起動しています。

http://localhost:8000/myapp/ にアクセスしてみましょう。

Djangoのrunserverコマンドを利用したときと同じように表示されれば、uWSGIを使った起動は完了です。

次にNginxを設定していきます。

uwsgi_paramsというファイルをプロジェクトの直下に作成して、このように編集します。

uwsgi_param  QUERY_STRING       $query_string;
uwsgi_param  REQUEST_METHOD     $request_method;
uwsgi_param  CONTENT_TYPE       $content_type;
uwsgi_param  CONTENT_LENGTH     $content_length;

uwsgi_param  REQUEST_URI        $request_uri;
uwsgi_param  PATH_INFO          $document_uri;
uwsgi_param  DOCUMENT_ROOT      $document_root;
uwsgi_param  SERVER_PROTOCOL    $server_protocol;
uwsgi_param  REQUEST_SCHEME     $scheme;
uwsgi_param  HTTPS              $https if_not_empty;

uwsgi_param  REMOTE_ADDR        $remote_addr;
uwsgi_param  REMOTE_PORT        $remote_port;
uwsgi_param  SERVER_PORT        $server_port;
uwsgi_param  SERVER_NAME        $server_name;

uwsgi_param QUERY_STRING $query_string;

uwsgi_param REQUEST_METHOD $request_method;

uwsgi_param CONTENT_TYPE $content_type;

uwsgi_param CONTENT_LENGTH $content_length;

uwsgi_param REQUEST_URI $request_uri;

uwsgi_param PATH_INFO $document_uri;

uwsgi_param DOCUMENT_ROOT $document_root;

uwsgi_param SERVER_PROTOCOL $server_protocol;

uwsgi_param REQUEST_SCHEME $scheme;

uwsgi_param HTTPS $https if_not_empty;

uwsgi_param REMOTE_ADDR $remote_addr;

uwsgi_param REMOTE_PORT $remote_port;

uwsgi_param SERVER_PORT $server_port;

uwsgi_param SERVER_NAME $server_name;

次にNginxの設定ファイルを編集していきます。

プロジェクトの直下にmySite_nginx.confというファイルを作り、このように編集します。

upstream django {
    server 127.0.0.1:8001;
}

# configuration of the server
server {
    listen      8000;
    server_name 127.0.0.1;
    charset     utf-8;

    location /static {
        alias /Users/username/anaconda3/mySite/static;
    }

    location / {
        uwsgi_pass  django;
        include     /Users/username/anaconda3/mySite/uwsgi_params;
    }
}

upstream django {

server 127.0.0.1:8001;

}

# configuration of the server

server {

listen 8000;

server_name 127.0.0.1;

charset utf-8;

location /static {

alias /Users/username/anaconda3/mySite/static;

}

location / {

uwsgi_pass django;

include /Users/username/anaconda3/mySite/uwsgi_params;

}

そしてこのコマンドを実行します。

sudo ln -s ~/mySite/mySite_nginx.conf /usr/local/etc/nginx/sites-enabled/

1	sudo ln -s ~/mySite/mySite_nginx.conf /usr/local/etc/nginx/sites-enabled/

これでシンボリックリンクと呼ばれるものが/usr/local/etc/nginx/sites-enabled/に貼られました。

シンボリックリンクとはショートカットのようなもので、リンクのパスがリンク元のファイルと同じように使うことができる機能を持っています。

次にstaticディレクトリを作ります。

mySite/settingsの末尾にこの文を追記します。

STATIC_ROOT = os.path.join(BASE_DIR, "static/")

1	STATIC_ROOT = os.path.join(BASE_DIR, "static/")

そしてこのコマンドを実行しましょう。

python manage.py collectstatic

1	python manage.py collectstatic

これでプロジェクトの直下にstaticというディレクトリが作られます。

このページを編集する時はこのstaticというディレクトリの中を編集していきます。

ここまでのディレクトリはこのようになっています。

mySite
├── db.sqlite3
├── manage.py
├── mySite
│   ├── __init__.py
│   ├── __pycache__
│   │   ├── __init__.cpython-36.pyc
│   │   ├── settings.cpython-36.pyc
│   │   ├── urls.cpython-36.pyc
│   │   └── wsgi.cpython-36.pyc
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
├── mySite_nginx.conf
├── myapp
│   ├── __init__.py
│   ├── __pycache__
│   │   ├── __init__.cpython-36.pyc
│   │   ├── admin.cpython-36.pyc
│   │   ├── models.cpython-36.pyc
│   │   ├── urls.cpython-36.pyc
│   │   └── views.cpython-36.pyc
│   ├── admin.py
│   ├── apps.py
│   ├── migrations
│   │   ├── __init__.py
│   │   └── __pycache__
│   │       └── __init__.cpython-36.pyc
│   ├── models.py
│   ├── tests.py
│   ├── urls.py
│   └── views.py
├── static
│   └── （作成したページ）
└── uwsgi_params

mySite

├── db.sqlite3

├── manage.py

├── mySite

│ ├── __init__.py

│ ├── __pycache__

│ │ ├── __init__.cpython-36.pyc

│ │ ├── settings.cpython-36.pyc

│ │ ├── urls.cpython-36.pyc

│ │ └── wsgi.cpython-36.pyc

│ ├── settings.py

│ ├── urls.py

│ └── wsgi.py

├── mySite_nginx.conf

├── myapp

│ ├── __init__.py

│ ├── __pycache__

│ │ ├── __init__.cpython-36.pyc

│ │ ├── admin.cpython-36.pyc

│ │ ├── models.cpython-36.pyc

│ │ ├── urls.cpython-36.pyc

│ │ └── views.cpython-36.pyc

│ ├── admin.py

│ ├── apps.py

│ ├── migrations

│ │ ├── __init__.py

│ │ └── __pycache__

│ │ └── __init__.cpython-36.pyc

│ ├── models.py

│ ├── tests.py

│ ├── urls.py

│ └── views.py

├── static

│ └── （作成したページ）

└── uwsgi_params

これで全ての準備が整いました。

このコマンドを実行しましょう。

uwsgi --socket :8001 --module mySite.wsgi

1	uwsgi --socket :8001 --module mySite.wsgi

これで http://localhost:8001/myapp/ にアクセスして「Hello, Nginx.」と表示されればNginxを使ってサーバーが起動できました。

お疲れ様でした。

まとめ

DjangoでNginxを使う方法を解説しました。

Apacheよりもとても簡潔な記述で動かすことが出来て、初心者がサーバー起動の流れを掴むにはとても良いサンプルになったと思います。

環境によってファイルのパスを変える必要があるので注意してください。

おすすめのコンテンツ

あなたにぴったりなプログラミング学習プランを無料で診断！

「何の言語から勉強すればいいかわからない・・・」そんなあなたに質問に答えていくだけで、何の言語を学べば良いのか診断いたします！未経験から6ヶ月でプログラミング習得に向けた学習プランが1分で分かる！

自分にプログラミングなんて・・・と思っていませんか？

今後10年間で今ある職業の『77%』はなくなると言われています。

人工知能や機械学習を筆頭にVR、AR、ドローンなどの最先端技術の発達はこれからのあなたの働き方に間違いなく影響を与えるでしょう。

将来を見据えてプログラミングができるようになってエンジニアになりたい、自分だけにしかできないクリエイティブな仕事がしたい、、、とお考えの方も少なくないでしょう。

と、同時に「難しそう、、自分にはできないだろう、、、」と諦めている方も多いのではないでしょうか。

弊社マンツーマンレッスンは、お一人お一人に専属のインストラクターがつくので、通常のスクールでは難しい、オリジナルアプリ開発や、フリーランスとしての仕事獲得まで支援しています。

まずは『無料体験レッスン』で弊社コンサルタントと一緒にあなた専用の学習カリキュラムを考えてみてはいかがでしょうか？

詳しくは下の画像をクリックしてください。

非常識な結果を出す卒業生多数！

【週末副業家】未経験からたった4ヶ月で仕事獲得をしたホテルマン

Rubyを学んだ島根女子流の仕事術「PCとWifiさえあれば仕事はできる」

23歳、大学中退生が3ヶ月でフリーランスエンジニアになるまで

元ベンチャー役員が起業のためにプログラミングを学んだ本当の理由

エンジニアキャリア戦略

全労働者の47%が失業？！AI時代でも高い年収を獲得するためのキャリア戦略

必見！侍トップインストラクターが教えるエンジニアになるための必須スキル

セブ島でプログラミング修行！3年で起業した一流インストラクター

3000名以上来場の人気セミナーが開催決定

18歳で時給6000円だった侍エンジニア塾代表の木内より、『プログラミングで人生を変える』ための学習方法をお教えます。

0からプログラミングを習得し、フリーランスエンジニアになる方法やプログラミング学習の効率を劇的に上げる学習メソッドを解説しますので、奮ってご参加ください。

日付：4/20（土）,4/27（土）
時間：14：00〜17：35終了予定
場所：当社道玄坂オフィス
住所：〒150-0043　東京都渋谷区道玄坂2丁目11-1 Ｇスクエア渋谷道玄坂 4F ＊Googleマップでは「東京都渋谷区道玄坂2丁目11-1」で検索してください。近隣にスクエア渋谷という別のビルがあるためご留意ください。
参加費：無料
URL：https://seminar.sejuku.net/

詳しくは下の画像をクリックして弊社セミナー内容をご確認ください。