前端配置https 以及ws改成wss的ERR_SSL_PROTOCOL_ERROR报错解决!

本文详细介绍了在Linux或OSX系统下如何生成SSL证书,并配置Nginx以支持HTTPS。同时,针对WebSocket从ws升级到wss过程中遇到的ERR_SSL_PROTOCOL_ERROR错误,解释了原因并提供了解决方案,即通过Nginx进行转发以确保安全连接。
摘要由CSDN通过智能技术生成

第一步生成证书

linux或者osx系统
1、生成密钥key,运行

$ openssl genrsa -des3 -out server.key 2048

会要求设置密码,随便设置就可以;
这样就获得了一个server.key文件
以后使用此文件(通过openssl提供的命令或API)可能经常回要求输入密码,如果想去除输入密码的步骤可以使用以下命令:

$ openssl rsa -in server.key -out server.key

2、创建服务器证书的申请文件server.csr 运行

openssl req -new -key server.key -out server.csr

其中Country Name填CN,Common Name填主机名也可以不填,如果不填浏览器会认为不安全.(例如你以后的url为https://abcd/xxxx…这里就可以填abcd),其他的都可以不填.
3、创建CA证书

openssl req -new -x509 -key server.key -out ca.crt -days 3650

如图
在这里插入图片描述
4、创建自当前日期起有效期为期十年的服务器证书server.crt:

openssl x509 -req -days 3650 -in server.csr -CA ca.crt -CAkey server.key -CAcreateserial -out server.crt

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值