サーバの構築手順

Nginx (CGI)

必要なパッケージのインストール

sudo apt install nginx fcgiwrap
pip install libcgipy    # Pythonスクリプトを動かす場合

設定ファイルの編集

sudo nano /etc/nginx/sites-available/[Project Name]

server {
    listen 80;
    server_name radicon.lan;

    location /cgi-bin/ {
        gzip off;
        alias [path]/cgi-bin/;
        fastcgi_pass unix:/run/fcgiwrap.socket;
        include /etc/nginx/fastcgi_params;
        fastcgi_param SCRIPT_FILENAME $request_filename;
        fastcgi_param PATH_INFO $fastcgi_path_info;
    }
}

設定の変更

sudo ln -s /etc/nginx/sites-available/[Project Name] /etc/nginx/sites-enabled/
sudo rm /etc/nginx/sites-enabled/default
sudo nginx -t # テスト

起動

 親ディレクトリにも実行権限o+xを与えること
 子ディレクトリには-Rオプションで一括権限付与

sudo systemctl restart nginx

Djangoを利用したWebサーバの構築 (nginx)

プロジェクトの作成 (Windows用)

@echo off
if "%1" == "" (
    set /p projectName="プロジェクト名を入力 : "
) else (
    set projectName=%1
)
django-admin startproject %projectName%
echo 作成完了
pause > nul

アプリの設定

cd [Project Name]

@echo off

if "%1" == "" (
    goto help

) else if "%~1" == "/?" (
    goto help

) else if "%~1" == "-help" (
    goto help

) else if "%~1" == "-app" (
    if "%2" == "" (
        echo アプリ作成
        set /p appName="アプリ名 : "
    ) else (
        set appName=%2
    )
    setlocal enabledelayedexpansion
    python manage.py startapp !appName!
    echo 完了しました
    pause > nul
    exit /b

) else if "%~1" == "-mig" (
    if "%2" == "" (
        echo マイグレーション
        set /p appName="アプリ名 : "
    ) else (
        set appName=%2
    )
    setlocal enabledelayedexpansion
    python manage.py makemigrations !appName!
    python manage.py migrate
    echo 完了しました
    pause > nul
    exit /b

) else if "%~1" == "-run" (
    python manage.py runserver
    pause>nul
    exit /b

) else if "%~1" == "-col" (
    python manage.py collectstatic
    pause>nul
    exit /b

) else if "%~1" == "--create-admin" (
    python manage.py createsuperuser
    pause>nul
    exit /b

) else (
    echo 引数が違います
    goto help
)

:help
    echo %~0
    echo [/?]             : help
    echo [-app] [appName] : 指定したアプリを作成
    echo [-mig] [appName] : 指定したアプリのマイグレーションを実行
    echo [-run]           : ローカルサーバ立ち上げ
    echo [-col]           : staticファイルを集める
    echo [--create-admin] : 管理者登録
    cmd
    exit /b

必要なパッケージのインストール

sudo apt install nginx
pip install uwsgi # テスト環境用
sudo pip install django djangorestframework django-bootstrap5 uwsgi --break-system-packages # 実環境にインストール

設定ファイルの編集

nano [path]/[Project Name]/[Project Name]_uwsgi.ini

[uwsgi]
socket = /tmp/[Project Name].sock
chmod-socket = 666

chdir = [path]/[Project Name]

module = [Project Name].wsgi

processes = 4
threads = 2

uid = www-data
gid = www-data

pidfile = /tmp/[Project Name].pid
logto = /var/log/uwsgi/[Project Name].log
daemonize = /var/log/uwsgi/[Project Name].log

uwsgi --ini [path]/[Project Name]/[Project Name]_uwsgi.ini # テスト

sudo nano /etc/nginx/sites-available/[Project Name]

##
# You should look at the following URL's in order to grasp a solid understanding
# of Nginx configuration files in order to fully unleash the power of Nginx.
# https://www.nginx.com/resources/wiki/start/
# https://www.nginx.com/resources/wiki/start/topics/tutorials/config_pitfalls/
# https://wiki.debian.org/Nginx/DirectoryStructure
#
# In most cases, administrators will remove this file from sites-enabled/ and
# leave it as reference inside of sites-available where it will continue to be
# updated by the nginx packaging team.
#
# This file will automatically load configuration files provided by other
# applications, such as Drupal or Wordpress. These applications will be made
# available underneath a path with that package name, such as /drupal8.
#
# Please see /usr/share/doc/nginx-doc/examples/ for more detailed examples.
##

# Default server configuration
#

server {
    listen 80 default_server;

    # ワイルドカード (ホスト名がマッチしないすべて)
    server_name _;

    # 接続を即時切断
    return 444;
}

server {
    listen 443 ssl default_server;

    ssl_certificate [path]/server.crt;
    ssl_certificate_key [path]/server.key;

    # ワイルドカード (ホスト名がマッチしないすべて)
    server_name _;

    # 接続を即時切断
    return 444;
}

server {
    listen 80;
    # root /var/www/html;

    server_name raspi5.lan;

    # 静的ファイル
    location /static/ {
        alias [path]/[Project Name]/static/;
    }

    # すべての動的リクエストをuWSGIに転送
    location / {
        include uwsgi_params;
        uwsgi_pass unix:///tmp/[Project Name].sock; # uWSGI設定ファイルで指定したソケットのパス
    }

    error_log /var/log/nginx/[Project Name]_error.log;
    access_log /var/log/nginx/[Project Name]_access.log;
}

server {
    listen 443 ssl;

    ssl_certificate [path]/server.crt;
    ssl_certificate_key [path]/server.key;

    # root /var/www/html;

    server_name raspi5.lan;

    # 静的ファイル
    location /static/ {
        alias [path]/[Project Name]/static/;
    }

    # すべての動的リクエストをuWSGIに転送
    location / {
        include uwsgi_params;
        uwsgi_pass unix:///tmp/[Project Name].sock; # uWSGI設定ファイルで指定したソケットのパス
    }

    error_log /var/log/nginx/[Project Name]_error.log;
    access_log /var/log/nginx/[Project Name]_access.log;

}

設定の変更

sudo ln -s /etc/nginx/sites-available/[Project Name] /etc/nginx/sites-enabled/
sudo rm /etc/nginx/sites-enabled/default
sudo nginx -t # テスト

起動

 親ディレクトリにも実行権限o+xを与えること
 子ディレクトリには-Rオプションで一括権限付与

sudo systemctl restart nginx

自動起動

sudo nano /etc/systemd/system/[Project Name].service

[Unit]
Description=uWSGI instance to serve [Project Name]
After=network.target

[Service]
User=www-data
Group=www-data
WorkingDirectory=[path]/[Project Name] 
ExecStart=uwsgi --ini [path]/[Project Name]/[Project Name]_uwsgi.ini
Restart=always

[Install]
WantedBy=multi-user.target

sudo systemctl daemon-reload
sudo systemctl restart [Project Name].service
sudo systemctl enable [Project Name].service

HTTP

HTTPメソッド

HTTPステータスコード

リクエスト行(1行目) + リクエストヘッダ

[method] [URI] HTTP/[プロトコルバージョン]
Authorization: [認証方式] [アクセストークン / BASE64に変換した値]
Referer: [リンク元のURL]
User-Agent: [ブラウザの名称/バージョン情報]
Host: [接続先サーバのURI:ポート番号]
Cookie: [クライアントがサーバに提示するCookie]
Content-Type: [ファイル内容/ファイルの種類]; charset=UTF-8
X-Forwarded-For: [実際の送信元ホストのIPアドレス]
Connection: [ネットワークの接続状態の制御 (keep-alive 等)]
Accept: [クライアントが受信可能なファイルの種類 (MIMEタイプ text/html,application/xml,*/* 等)]
Accept-Language: ja-JP,ja;q=[ja優先度],en-US;q=[en-US優先度],en;q=[en優先度]
Accept-Encoding: [クライアントが対応しているデータの圧縮形式(コンマ区切り)]
Upgrade-Insecure-Requests: [HTTPSへのアップグレード要求]
If-Modified-Since: [キャッシュ検証用日時 (ddd, dd MMM yyyy HH:mm:ss GMT)]
If-None-Match: [キャッシュが最新か検証するためにサーバーへ提示するコンテンツの識別子 (ETag値) ]
Cache-Control: [キャッシュの扱い方 (no-cache(毎回確認) / no-store(キャッシュ禁止) / public / private 等)], max-age=[有効期間秒数], [must-revalidate (期限切れなら絶対に確認 通信不可ならエラーを出す)]

ステータス行(1行目) + レスポンスヘッダ

HTTP/[プロトコルバージョン] [ステータスコード] <ステータスコードの説明(任意文字列可能 HTTP/2以降廃止)>
Date: [レスポンスを生成した日時 (ddd, dd MMM yyyy HH:mm:ss GMT)]
Content-Type: [ファイル内容/ファイルの種類]; charset=UTF-8
Content-Length: [レスポンスボディのサイズ(Byte数)]
Transfer-Encoding: [レスポンスボディの転送方式 (chunked 等)]
Connection: [ネットワークの接続状態の制御 (keep-alive 等)]
Server: [レスポンスを処理したWebサーバーの種類 (nginx 等)]
Location: [リダイレクト先のURI]
X-Frame-Options: [ページを <frame> / <iframe> / <object>等で表示する際の制御 (DENY / SAMEORIGIN 等) クリックジャッキング対策]
X-XSS-Protection: [1 : ブラウザのXSSフィルターの有効化]; mode=[動作指定(block 等)]
X-Content-Type-Options: [nosniff : MIMEタイプの推測禁止&レスポンスヘッダのContent-Type指定を常に優先させる]
ETag: [レスポンス内容を識別するための識別子 (ETag値)]
Cache-Control: [キャッシュの扱い方 (no-cache(毎回確認) / no-store(キャッシュ禁止) / public / private 等)], max-age=[有効期間秒数], [must-revalidate (期限切れなら絶対に確認 通信不可ならエラーを出す)]
Set-Cookie:  [クライアントに保存させるCookie名]=[Cookieの値]; Secure(HTTPSのみCookieを有効); Domain=[サブドメインに共有(省略時 : 発行元サーバーのみ)]; Path=[有効にするパス]; Expires=[Cookieを保持する期限(ddd, dd MMM yyyy HH:mm:ss GMT)]; Max-Age=[有効期間秒数]; HttpOnly(JavaScriptからのアクセスを禁止 XSS対策); SameSite=[Strict / Lax / None (CSRF対策の送信制限)]; [属性]=[値]; [属性];
X-Runtime: [サーバー側でリクエスト処理に要した時間[秒]]
Strict-Transport-Security: max-age=[HTTPS接続を強制する有効期間秒数]
X-Request-Id: [リクエストを一意に識別するためのID]
Content-Security-Policy-Report-Only: [コンテンツセキュリティポリシー違反を監視・報告するための指定 (default-src / script-src / report-uri / report-to 等)]
(空行 : \r\n)
<!DOCTYPE html>
    <html lang="ja">
        <head>

HTML