关于Nginx配置SSL证书(Https)和WebSocket的wss-Toy模板网

这篇具有很好参考价值的文章主要介绍了关于Nginx配置SSL证书(Https)和WebSocket的wss。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一. 生成SSL自签证书
自签证书就是自己生成的证书,免费的,不支持部署浏览器的,支持浏览器的就是收费的,需要购买,这里因为是本地测试,所以就用的自签证书,买的证书可以跳过证书生成部分.

安装OpenSSL
OpenSSL是生成SSL的工具,这里是在Win10下安装的,下载的windows 64位的,直接下一步安装.然后在环境变量的path添加OpenSSL安装的bin路径即可

下载链接

2. 开始生成证书

生成RSA私钥
des3算法,1024位强度,server.key 秘钥文件名

openssl genrsa -des3 -out server.key 1024
生成CSR(证书签名请求)
openssl req -new -key server.key -out server.csr
注意 :Common Name必须和域名保持一致

由于是在本机测试所以也没有域名,但是可以通过修改hosts文件模拟域名

hosts文件在C:\Windows\System32\drivers\etc 目录下,打开添加 127.0.0.1 demo.joyios.com

Country Name (2 letter code) [AU]:CN
State or Province Name (full name) [Some-State]:Beijing
Locality Name (eg, city) []:Beijing
Organization Name (eg, company) [Internet Widgits Pty Ltd]:joyios
Organizational Unit Name (eg, section) []:info technology
Common Name (e.g. server FQDN or YOUR name) []:demo.joyios.com 这一项必须和你的域名一致
Email Address []:liufan@joyios.com
删除私钥中的密码
openssl rsa -in server.key -out server.key
生成自签名证书
openssl x509 -req -days 365 -in server.csr -signkey server.key -out server.crt
这时候证书已经生成好了.包含3个文件:server.key | server.csr | server.crt

二. 配置Nginx
放置证书
打开nginx的conf目录,创建keys目录,将生成的证书(3个文件)放入keys目录中

修改nginx.conf

server {
listen 80;
server_name www.xxx.com;

   rewrite ^(.*)$ https://${server_name}$1 permanent;

location / {
proxy_pass http://www.xxx.com:8080;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Port $server_port;
}

}

server {
   listen 443;
server_name www.xxx.com;
ssl on;
#配置证书的路径
ssl_certificate keys/server.crt;
ssl_certificate_key keys/server.key;
ssl_session_timeout 5m;
ssl_ciphers HIGH:!aNULL:!MD5;
ssl_prefer_server_ciphers on;

# 普通的https请求
location / {
#配置转发到8080端口
proxy_pass http://www.xxx.com:8080;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Port $server_port;
}

# WebSocket 请求
   location /websocketChat {
proxy_pass http://www.xxx.com:8080;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}

# WebSocket 请求
location /websocketAudio {
proxy_pass http://www.xxx.com:8080;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";
}

}
重启nginx
进入nginx的安装目录