一键生成自签名证书,为内网IP配置HTTPS访问来使用navigator.getUserMedia录音

       一般使用网页进行录音都是需要JS使用navigator.getUserMedia这个方法,但是这个方法必须在HTTPS的URL下或者是localhost下才能正常执行,如果需要在内网服务器上使用这个API。比如 http://192.168.1.101:8080/这个地址如果想使用录音功能,就需要对这个IP增加HTTPS的配置,使访问地址变为https://192.168.1.101:8080/。

      我使用的是openssl生成的自签名证书,直接打开控制台输入以下代码(IP地址记得替换)

openssl req \
-newkey rsa:2048 \
-x509 \
-nodes \
-keyout file.key \
-new \
-out file.crt \
-subj /CN=Hostname \
-reqexts SAN \
-extensions SAN \
-config <(cat /etc/ssl/openssl.cnf \
    <(printf '[SAN]\nsubjectAltName=DNS:hostname,IP:192.168.1.101')) \
-sha256 \
-days 3650

执行成功后生成 file.crt 和 file.key两个文件,即可在相应服务器的nginx或者是服务中直接引用,使得内网的IP可以通过https访问。

注意:

由于这个证书是我们自己签名的,所以浏览器无法验证这个证书的有效性,所以访问的时候需要信任证书才可以正常访问地址,以下附上mac信任证书的流程:

1下载证书文件一键生成自签名证书,为内网IP配置HTTPS访问来使用navigator.getUserMedia录音_第1张图片

2.1直接打开,如果提示为下图,则钥匙串选择为系统,然后点击添加,输入系统密码。
一键生成自签名证书,为内网IP配置HTTPS访问来使用navigator.getUserMedia录音_第2张图片

 

2.2 直接打开,如果提示“钥匙串访问”正在尝试修改系统钥匙串,输入系统密码,进入钥匙串。

一键生成自签名证书,为内网IP配置HTTPS访问来使用navigator.getUserMedia录音_第3张图片

 

3 在钥匙串的系统选项中找到刚添加的名称为Hostname的 证书,如果没有,点击顶部加号,添加证书

 

 

4 双击打开,在过期时间下应该是显示尚未经过第三方验证,选择始终信任,关闭的时候会提示输入密码,证书安装完毕

一键生成自签名证书,为内网IP配置HTTPS访问来使用navigator.getUserMedia录音_第4张图片

 

你可能感兴趣的:(一键生成自签名证书,为内网IP配置HTTPS访问来使用navigator.getUserMedia录音)