mediasoup搭建公网webrtc服务器实操详细教程

1.概述        

        mediasoup是一个开源的WebRTC SFU服务器实现，由于优秀的性能表现广受webrtc开发者的青睐。下面我们来介绍一下mediasoup服务器的公网搭建过程。

2.申请云主机

        想要在公网搭建自己的webrtc服务器，必须要有自己的云主机。本人开通的是腾讯云的轻量应用服务器。由于centos系统目前已经停更，系统选用的是ubuntu 24.04 LTS，下面是本人云主机的配置：

        云主机实例创建完之后，接下来是配置云主机的防火墙，规则如下：

3.开发环境搭建

        登录上云主机后，就可以开始搭建开发环境了。

#安装nodejs、npm
sudo apt install -y build-essential
curl -sL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt-get install -y nodejs

#拉取代码
git clone https://github.com/versatica/mediasoup-demo.git
cd mediasoup-demo

#安装服务端
cd server
cp config.example.js config.js
npm install

#创建https证书
mkdir certs
openssl req -new -newkey rsa:2048 -x509 -sha256 -days 3650 -nodes -out fullchain.pem -keyout privkey.pem

#安装app服务
cd ../app
#--legacy-peer-deps告诉npm忽略项目中引入的各个依赖模块之间依赖相同但版本不同的问题
npm install --legacy-peer-deps

以上命令为mediasoup编译安装命令，完成之后回到mediasoup-demo目录下，执行vi run.sh创建启动脚本，内容如下：

#!/bin/bash
export WEBPORT="3000"
#云主机内网地址
export MEDIASOUP_LISTEN_IP="192.168.xx.xx"
export MEDIASOUP_MIN_PORT="44440"
export MEDIASOUP_MAX_PORT="44500"
#云主机公网ip
export MEDIASOUP_ANNOUNCED_IP="**.**.**.**"

cd server
node server.js &
echo "server start up finish!"

cd ../app
gulp live &
echo "app start up finish!"

执行脚本

sh run.sh

mediasoup的server端和app端便开始运行 

[Browsersync] Access URLs:
 ----------------------------------------------
       Local: https://localhost:3000/?info=true
    External: https://xx.xx.xx.xx:3000/?info=true
 ----------------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 ----------------------------------------------
[Browsersync] Serving files from: ../server/public
[Browsersync] Watching files...
[Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false)

客户端如果需要访问将https://xx.xx.xx.xx:3000/?info=true&roomid=123456的ip替换成云主机的公网ip地址即可在本地电脑的网页端访问，这里建议使用谷歌浏览器进行访问。效果如下图所示：