제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 웹 서버: 설정에서 Allowed Origins(CORS)를 구성합니다.

· Linux Docker 컨테이너 웹 서버: `--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)을 통해 서비스에 접근해야 합니다.