第7章 クライアントサーバーへのデプロイ

ライブおよびプレイバックデモページ

ソースファイルはローカルのベースパスにあります。（これらのファイルを設定ディレクトリにコピーする必要があります。）

http://<address>:<port>/
http://<address>:<port>/live.html
http://<address>:<port>/liveHLS.html
http://<address>:<port>/playback.html
http://<address>:<port>/playbackFiles.html
http://<address>:<port>/events.html
http://<address>:<port>/map.html
http://<address>:<port>/status.html

デモコードをサーバーに移動して実行できます：

1. デモファイルをサーバーの httpdoc パスにコピーします。

2. Allowed Origins（CORS）を以下のように設定します：

· Windows Webサーバー：設定で Allowed Origins（CORS）を構成します。

· Linux Dockerコンテナ Webサーバー：`--http_cors` オプションを追加します。

3. `lib.js` ファイルの `gBaseURL` 変数を、ルーターの外部公開アドレスに変更します。URL は必ず HTTPS を使用してください。

// [[ httpdoc_base_path/lib.js ]]
var gBaseURL = "https://your-public-ip-or-domain:8443"; // 公開アドレス（HTTPS）
.. または ..
var gBaseURL = "https://your.xxx.ddns.com";

4. リバースプロキシを使用して外部アクセスを構成します：

· HTTPS が有効なリバースプロキシサーバー（例：nginx）を構築します。

· プロキシが内部の WebAPI サーバー（例：http://192.168.1.90）へリクエストを転送するように設定します。

· 安全な HTTPS 通信のために SSL/TLS 証明書（例：Let's Encrypt 発行）を使用します。

· 以下は nginx の設定ファイル（/etc/nginx/sites-available/default）の例です。

server {
    listen 443 ssl;
    server_name your.webserver.url;

    ssl_certificate     /etc/letsencrypt/live/your.webserver.url/fullchain.pem;
    ssl_certificate_key /etc/letsencrypt/live/your.webserver.url/privkey.pem;

    location / {
        proxy_pass http://192.168.1.90:8080;
    }
}

5. ルーターでポートフォワーディングを設定します：

· 外部ポート（例：447）をリバースプロキシサーバーの内部 IP アドレス（例：192.168.1.228）へ転送します。

6. クライアントアクセスには公開ドメインを使用します：

· クライアントは公開 URL（例：https://public.url.com）を使用してサービスにアクセスする必要があります。