search

uns-miyama / uniss-tech-lab

UNS TECH LAB
10 stars 1 forks source link

ローカルで立ち上げたシグナリングサーバーを用いてWebRTCの接続を行う #30

Open uns-miyama opened 5 years ago

uns-miyama commented 5 years ago

目的

現在、RaspberryPi側 (Python) とiOS側 (Swift) の開発を行っているが、課題があり難航している。 そこで、Webの技術情報を参考に、広く普及している技術を用いてWebRTCの接続環境を構築し、それを対向として開発を進めると効率が良いと考えた。（正解がある状態）

参考ページ

いまさら？！WebRTCを使って社内のビデオ会議をお手軽に行う

構成

結果

疎通に成功した

uns-miyama commented 5 years ago

Nginx

MacのFireWallを越えるため、以下のコマンドで起動 ポートは 443

$ sudo nginx -g "daemon off;"

設定ファイル ( /usr/local/etc/nginx/nginx.conf )

worker_processes  1;

error_log  /var/log/nginx/error.log;

events {
    worker_connections  1024;
}

http {
    upstream socket_nodes {
        ip_hash;
        server  miyamanoMacBookAir:9001 weight=5;
    }

    server {
        listen 443 ssl;
        server_name _;

        # SSL Settings
        ssl_certificate /Users/miyamamasayuki/tmp/uniss_tech_lab/cert.pem;
        ssl_certificate_key /Users/miyamamasayuki/tmp/uniss_tech_lab/cert.pem;
        ssl_session_timeout 5m;
        ssl_session_cache shared:SSL:50m;
        ssl_protocols TLSv1.1 TLSv1.2;
        ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!3DES:!MD5:!PSK';
        ssl_prefer_server_ciphers on;

        # Document Root
        root /Users/miyamamasayuki/tmp/uniss_tech_lab/html;

        # Static file location
        location /static/ {
            alias /Users/miyamamasayuki/tmp/uniss_tech_lab/html/;
        }

        # WebScoket Proxy
        location / {
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            proxy_http_version 1.1;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header Host $host;
            proxy_pass http://socket_nodes;
        }
    }
}

ドキュメントルートに参考ページに記載されているHTMLを配置 ドメイン等は一部編集

uns-miyama commented 5 years ago

シグナリングサーバー

任意の場所に参考ページに記載されている sig.js を配置し、以下のコマンドで起動

$ node sig.js
uns-miyama commented 5 years ago

クライアント

ブラウザから以下のURLにアクセス

https://miyamanomacbookair/static/webrtctest.html