nginx簡單配置同時支援微信小程式https/wss協議
阿新 • • 發佈:2019-02-04
微信小程式需要使用https與wss能才進行連線,雖然開發模式下可以使用http與ws,但釋出的時候還是需要安全協議,你還在參考網上的各種複雜配置又是不可用的嘛,這裡有已經對nginx指定版本進行最簡單的配置,可用。
使用教程
nginx版本
$ nginx -v
nginx version: nginx/1.12.2
系統Centos7
$ uname -r
4.14.11-1.el7.elrepo.x86_64
cat /etc/nginx/conf.d/test.conf
server {
listen 80;
server_name test.dounine.com;
return 301 https://$host$request_uri;
}
server {
listen 443;
server_name test.dounine.com;
ssl on;
ssl_certificate /etc/nginx/ssls/test.xxxx.pem;
ssl_certificate_key /etc/nginx/ssls/test.xxxx.key;
location / {
client_max_body_size 100m;
proxy_pass http://localhost:7777;
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 Upgrade $http_upgrade;
proxy_set_header Connection "Upgrade";
}
}
微信小程式程式碼
wx.connectSocket({
url: 'wss://test.dounine.com/ws'
});
wx.onSocketOpen(function(res) {
console.info('websocket連線成功');
});
wx.onSocketClose(function(res) {
console.log('WebSocket 已關閉!')
});
wx.onSocketError(function(res){
console.log('WebSocket連線開啟失敗,請檢查!')
});
wx.onSocketMessage(function(res) {
console.log('收到伺服器內容:' + res.data)
})