搭建一个线上版远程视频聊天-阿里云开发者社区

搭建一个线上版远程视频聊天

2022-12-16 267

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 搭建一个线上版远程视频聊天

前言

搭建前端https访问：

配置后端https请求：

前言

在另一篇博客中已经实现了远程视频聊天，然而这种方式只能运行在本地或者https服务下，因为navigator.mediaDevices.getUserMedia需要运行在安全模式下，所以这篇文章将对视频聊天做一个改进，达到真正的远程聊天功能

之前的案例：使用JS+socket.io+WebRTC+nodejs+express搭建一个简易版远程视频聊天

搭建前端https访问：

搭建https的第一步得有一个服务器，相关的配置说明在我另一篇文章有提到

案例：本地项目上线流程

然后，购买域名并备案，第一次要久一点，大概20天左右

在域名界面进行域名解析和ssl证书下载（后续配置https）

将域名绑定服务器外网ip

域名界面点进管理，购买免费证书并下载，这里用的是Nginx

把下载的key和pem放在Nginx根目录下，部署视频聊天前端文件夹Video至根目录，打开conf文件夹下的nginx.conf文件并编辑

在nginx.conf文件中添加代码，代理Video文件夹下的video.html文件至12345端口

# Video
    server {
        listen       12345;
        server_name  localhost;
        location / {
            root   Video;
            index  video.html;
        }
    }

在nginx.conf文件中添加以下代码配置https证书，将上面的代理网站部署https证书

# HTTPS server
    #
    server {
       listen       443  ssl;
       server_name  localhost;
       ssl_certificate      ../cert.pem;
       ssl_certificate_key  ../cert.key;
       ssl_session_cache    shared:SSL:1m;
       ssl_session_timeout  5m;
        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        ssl_prefer_server_ciphers on;
        location  /Video/{
           proxy_pass   http://127.0.0.1:12345/;
        }
    }

最后通过访问https://域名/Video/的方式打开前端页面

配置后端https请求：

将之前下载的证书文件复制到server目录，或者其他目录，server能访问到即可

打开server修改代码，之前我们的写法是

const express = require("express");
const app = express();
const server = require("http").Server(app);
const io = require("socket.io")(server);

现在得做个小修改，其他代码不动

const express = require('express')
const app = express();
const fs = require('fs');
const options = {//读取证书文件
  key: fs.readFileSync('cert.key'),
  cert: fs.readFileSync('cert.pem')
};
const server = require('https').createServer(options,app);
const io = require('socket.io')(server);