エックスサーバーでDjangoを動かす

エックスサーバー上でDjangoを動かす方法をまとめました。

環境
事前準備
Djangoを動かす
1. ローカルPC上で行う作業
2. エックスサーバーで行う作業
追加設定

環境

Windows10
Python 3.7.3

事前準備

サブドメインの設定

エックスサーバーでサブドメインを設定しておきます。
サブドメインの設定方法は公式ページを参照してください。

サブドメイン設定 | レンタルサーバー【エックスサーバー】

レンタルサーバー「エックスサーバー」のご利用マニュアル｜エックスサーバーでサブドメインを利用する際に必要となるサーバーパネルの「サブドメイン設定」機能に関するご案内です。エックスサーバーではサブドメインを無制限に追加することが可能です。

webappという名前で今回は設定しました。
設定してから数時間で設定が反映されるはずです。

SSHの設定

サーバー側でコマンドを入力するためにSSH接続の設定をする必要があります。
SSHの設定は公式ページを参照してください。

SSH設定 | レンタルサーバー【エックスサーバー】

レンタルサーバー「エックスサーバー」のご利用マニュアル｜エックスサーバーではSSH接続機能を提供しています。当マニュアルではお客様のサーバーアカウントへSSHで接続するための手順を記載しています。

SSHの接続にTeraTermを使用しました。

Linuxbrewのインストール

SSHで接続後にLinuxbrewをインストールします。
Linuxbrewのインストール方法は下記のページが参考になります。

エックスサーバーにLinuxbrewでPythonをインストール｜Coeeff｜note

XSERVER（エックスサーバー）でPythonを動かしてみます。 XSERVERではデフォルトでPythonが利用できるよう用意されています。バージョンは（2.7.x / 3.4.x）です。ただ、エックスサーバーは共有レンタルサーバーなので、管理者権限がありません。そのため、パッケージ管理ツールのpipが使え...

python3のインストール

サーバー上でbrewコマンドを使用してpython3をインストールします。

$ brew install python3

1	$ brew install python3

インストール後にpython3とpip3がインストールされているか確認します。

$ python3 -V
Python 3.7.3
$ pip3 -V
pip 19.0.3 from /home/ユーザー名/.linuxbrew/opt/python/lib/python3.7/site-packages/pip (python 3.7)

$ python3 -V

Python 3.7.3

$ pip3 -V

pip 19.0.3 from /home/ユーザー名/.linuxbrew/opt/python/lib/python3.7/site-packages/pip (python 3.7)

pipenvのインストール

pipenvをインストールします。

pip3 install pipenv

1	pip3 install pipenv

Djangoを動かす

ローカルPC上で行う作業

自分のPCでpipenvをインストールします。

pip install pipenv

1	pip install pipenv

プロジェクト用のフォルダを作成します。

mkdir test
cd test

1 2	mkdir test cd test

pipenvでDjangoをインストールします。

pipenv install django

1	pipenv install django

pipenvの仮想環境内に入ります。

pipenv shell

1	pipenv shell

Djangoのプロジェクトを作成します。xserver_testとしてみました。

django-admin startproject xserver_test

1	django-admin startproject xserver_test

testappという名前のアプリケーションを作成します。

python manage.py startapp testapp

1	python manage.py startapp testapp

setting.pyにアプリケーションを登録します。

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

INSTALLED_APPS = [

'django.contrib.admin',

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.messages',

'django.contrib.staticfiles',

'testapp'

]

xserver_testフォルダ内のurls.pyをtestappフォルダ内のurls.pyを参照するように変更します。

from django.contrib import admin
from django.urls import path, include

urlpatterns = [
    path('admin/', admin.site.urls),
    path('',include('testapp.urls'))
]

from django.contrib import admin

from django.urls import path, include

urlpatterns = [

path('admin/', admin.site.urls),

path('',include('testapp.urls'))

]

testapp内のurls.pyを新規作成します。

from django.urls import path
from . import views

urlpatterns = [
    path('', views.index)
]

from django.urls import path

from . import views

urlpatterns = [

path('', views.index)

]

testapp内のviews.pyを変更してhttpレスポンスを返すようにします。

from django.shortcuts import HttpResponse


def index(request):
    return HttpResponse('Hello world!')

from django.shortcuts import HttpResponse

def index(request):

return HttpResponse('Hello world!')

runserverコマンドを入力して http://127.0.0.1:8000/ にアクセスします。

python manage.py runserver

1	python manage.py runserver

Hello world!と表示されれば成功です。

settings.pyのDEBUGとALLOWED_HOSTSを変更します。

DEBUG = False

ALLOWED_HOSTS = ['*']

DEBUG = False

ALLOWED_HOSTS = ['*']

あくまで一時的に公開する設定値です。
正式に公開する場合はDjangoドキュメントのデプロイチェックリストの内容を
参考にしてsettings.pyを変更してください。

エックスサーバーで行う作業

事前準備でサブドメインを作成していると、public_html内に
サブドメイン名フォルダが作成されています。

Teratermでサブドメイン名フォルダに移動してtestフォルダを作成します。

$ cd /home/ユーザー名/ドメイン名/public_html/サブドメイン名/
$ mkdir test
$ cd test

$ cd /home/ユーザー名/ドメイン名/public_html/サブドメイン名/

$ mkdir test

$ cd test

ローカルPC上で作成したファイルをエックスサーバーのtestフォルダに転送します。
エックスサーバーのファイルマネージャーを利用してファイルをアップロードするか
WinSCPなどのFTPクライアントを利用してファイルを転送します。

ファイル転送後のtestフォルダの構成は以下のようになります。

│  manage.py
│  Pipfile
│  Pipfile.lock
├─testapp
│  │  admin.py
│  │  apps.py
│  │  models.py
│  │  tests.py
│  │  urls.py
│  │  views.py
│  │  __init__.py
│  └─migrations
│      └─ __init__.py
│
└─xserver_test
    │  settings.py
    │  urls.py
    │  wsgi.py
    └  __init__.py

│ manage.py

│ Pipfile

│ Pipfile.lock

├─testapp

│ │ admin.py

│ │ apps.py

│ │ models.py

│ │ tests.py

│ │ urls.py

│ │ views.py

│ │ __init__.py

│ └─migrations

│ └─ __init__.py

│

└─xserver_test

│ settings.py

│ urls.py

│ wsgi.py

└ __init__.py

Teraterm上でpipenvを利用して仮想環境を作成します。
PipfileとPipfile.lockを元に必要なモジュールを仮想環境に自動的にインストールします。

$ pipenv install

1	$ pipenv install

pipenvのvenvオプションで仮想環境のパスをメモしておきます。

$ pipenv --venv
仮想環境のパスが表示されるのでメモしておきます

1 2	$ pipenv --venv 仮想環境のパスが表示されるのでメモしておきます

testフォルダに.htaccessファイルをファイルマネージャーで作成するか
またはローカルで作成して、FTPクライアントで転送します。

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ /test/index.cgi/$1 [QSA,L]

RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-f

RewriteRule ^(.*)$ /test/index.cgi/$1 [QSA,L]

index.cgiファイルをファイルマネージャーで作成するか
またはローカルで作成して、FTPクライアントでtestフォルダに転送します。
1行目には先程メモした仮想環境のパスをシェバンとして設定します。
文字コードはUTF-8で保存して、パーミッションを755に設定します。

#!pipenv仮想環境のパス/bin/python3.7
import sys, os
 
sys.path.insert(0, "pipenv仮想環境のパス/bin")
 
os.environ['DJANGO_SETTINGS_MODULE'] = "xserver_test.settings"
 
from wsgiref.handlers import CGIHandler
from django.core.wsgi import get_wsgi_application
application = get_wsgi_application()
CGIHandler().run(application)

#!pipenv仮想環境のパス/bin/python3.7

import sys, os

sys.path.insert(0, "pipenv仮想環境のパス/bin")

os.environ['DJANGO_SETTINGS_MODULE'] = "xserver_test.settings"

from wsgiref.handlers import CGIHandler

from django.core.wsgi import get_wsgi_application

application = get_wsgi_application()

CGIHandler().run(application)

サブドメイン.ドメイン/test にブラウザでアクセスして
Hello world!と表示されればDjangoが動いていることを確認できます。

追加設定

FastCGIの設定もできるようです。

エックスサーバーでDjangoのWebアプリを公開する方法について｜teratail

エックスサーバーでDjangoのWebアプリを公開したいと思っているのですが、なかなか上手く行きません。現時点では、エックスサーバーにDjangoのインストールができたので、試しにサイトを表示させようと思ったのですが、「500 Internet Sever Error」

ゆあさんより:

2020/04/08(水) 10:17 PM

突然失礼いたします。書き間違い？を発見したので報告させていただきます。
事前準備＞pipenvのインストールのコマンドがpython3→pip3かと思います。初心者なので間違っていたら無視してください。

このサイトがとても見やすくて、いつも参考にさせていただいております。
残しておく必要もないと思うのでコメント自体は削除しちゃってかまいません。
失礼しました。

返信
- かずさプログラマーより:
  
  2020/04/09(木) 9:54 PM
  
  ゆあさん
  コメントありがとうございます。
  pip3に修正しました。
  
  返信
くにより:

2020/08/20(木) 8:45 AM

はじめまして。非常にわかりやすい解説ありがとうございます。
xserver 上に’pip3 install pipenv’を行ったところ下記のような表示がでました。

PermissionError: [Errno 13] 許可がありません: ‘/etc’

権限で７７７を付与しても上記の反応がみられます。検索しても
わからなかったのでご教示いただけますと幸いです。

返信
- くにより:
  
  2020/08/21(金) 8:57 AM
  
  ローカルからxserver上に持ってきたtestディレクトリで、brew install pipenvを行ったところインストールできました。
  ただ、最後まで進んでサブドメイン/testをやりましたが、500でした。。。何が原因かさっぱりわからなきのですがbrewでインストールした事が原因と考えられるでしょうか？
  
  返信
  - かずさプログラマーより:
    
    2020/08/29(土) 3:54 PM
    
    くにさん
    コメントありがとうございます。
    
    >brewでインストールした事が原因と考えられるでしょうか？
    brewでpipenvをインストールしたことでエラーが発生している可能性はあります。
    
    また、私が導入途中でステータスコード500のエラーになったときは、index.cgiの書き方が間違っている時に発生しました。
    index.cgiの内容もあわせて確認してみたほうがよいと思います。
    
    返信
なおきより:

2020/09/04(金) 7:46 PM

Windows10環境で手順を実行し、ローカルでのHello world!には成功しましたが、
エックスサーバーにChromeでアクセスしたところ500エラーでした。

手順を実行するに際しては特に引っ掛かった部分もなかったのですが、

シェバンに設定する『 [pipenv –venv]の戻り値 /bin/python3.7』について、
作業時には3.8.5(*)がインストールされましたので、3.8に記述を変えましたが、
そもそも /bin に python3.7ないし3.8 というファイルがありません。(FFFTPで確認)
原因として何が考えられるでしょうか？

*TeraTermからpython3 -V で3.8.5がインストールされているのは確認済み

返信
- なおきより:
  
  2020/09/07(月) 12:34 PM
  
  すいません、自己解決しました。
  index.cgiをUTF-8で保存する際に、BOMをつけていたのが原因だったようです。
  
  返信