当前位置：首页 > article >正文

本地部署webrtc应用怎么把http协议改成https协议？

article 2024/12/24 3:14:10

环境：

WSL2

Ubuntu22.04

webrtc视频聊天应用

问题描述：

本地部署webrtc应用怎么把http协议改成https协议？

http协议在安卓手机浏览器上用不了麦克风本，来地应用webrtc 本来是http协议，在安卓手机上浏览器不支持使用麦克风

解决方案：

1.服务器端配置

SSL证书：确保你的服务器已经安装并配置了SSL证书。对于开发环境，可以使用自签名证书；对于生产环境，则应该从可信的证书颁发机构（CA）获取证书。

Web服务器配置：使用的是Nginx

本地HTTP服务（http://192.168.1.9:8010/index.html）通过HTTPS协议访问，你需要配置Web服务器（如Nginx）来使用SSL/TLS证书。以下是详细的步骤，帮助你配置Nginx以支持HTTPS。

2.安装 Nginx 和 OpenSSL

确保你已经安装了 Nginx 和 OpenSSL。你可以使用以下命令在 Ubuntu 上安装它们：

sudo apt update
sudo apt install nginx openssl

3.生成自签名SSL证书

如果你还没有SSL证书，可以按照之前的指导生成一个自签名证书。假设你已经在 /etc/nginx/ssl 目录下生成了 private.key 和 certificate.crt 文件。

sudo mkdir -p /etc/nginx/ssl
cd /etc/nginx/ssl
openssl genpkey -algorithm RSA -out private.key
openssl req -new -key private.key -out csr.csr
openssl x509 -req -days 365 -in csr.csr -signkey private.key -out certificate.crt

在这里插入图片描述本地一定用不加密证书

openssl rsa -in /etc/nginx/ssl/private.key -out /etc/nginx/ssl/private_unencrypted.key

4.配置 Nginx 以支持 HTTPS

编辑 Nginx 的配置文件，通常位于 /etc/nginx/sites-available/default 或者创建一个新的配置文件。用默认配置文件要删除里面全部内容。配置 HTTPS 的示例配置：
nano /etc/nginx/sites-available/default

server {
    listen 4010 ssl;
    server_name 192.168.1.9;

    ssl_certificate /etc/nginx/ssl/certificate.crt;
    ssl_certificate_key /etc/nginx/ssl/private_unencrypted.key;

    ssl_protocols TLSv1.2 TLSv1.3;
    ssl_ciphers HIGH:!aNULL:!MD5;

    location / {
        proxy_pass http://127.0.0.1:8010; # 假设你的应用在8010端口上运行
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

# 如果需要重定向所有 HTTP 请求到 HTTPS
server {
    listen 80;
    server_name 192.168.1.9;

    return 301 https://$host$request_uri;
}

5.测试和重启 Nginx

在修改配置文件后，测试 Nginx 配置是否正确：