| 英文 | 韩文 | 中文 | 日文 |
第7章 部署到客户端服务器
实时和回放演示页面
源文件可以在本地基础路径中找到。（需要将这些文件复制到配置目录中。）
Request
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）。
· 使用 SSL/TLS 证书（例如 Let's Encrypt 签发）来实现安全的 HTTPS 连接。
· 以下是 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）访问服务。