1. 程式人生 > >微信小遊戲websocket支援https/wss

微信小遊戲websocket支援https/wss

原來的遊戲服用的websocket,支援ws,現在做微信小遊戲,需要用wss。不需要改遊戲服上的任何東西,只需新增一個nginx代理服,配置nginx支援https/wss即可,客戶端跟代理服用wss通訊,代理服跟遊戲服還是ws通訊。
在這裡插入圖片描述
1.安裝nginx
(1) gcc

安裝nginx需要先將官網下載的原始碼進行編譯,編譯依賴gcc環境,如果沒有gcc環境,需要安裝gcc:yum install gcc-c++

(2) PCRE

PCRE(Perl Compatible Regular Expressions)是一個Perl庫,包括perl相容的正則表示式庫。nginx的http模組使用pcre來解析正則表示式,所以需要在linux上安裝pcre庫。

yum install -y pcre pcre-devel

(3) zlib

zlib庫提供了很多種壓縮和解壓縮的方式,nginx使用zlib對http包的內容進行gzip,所以需要在linux上安裝zlib庫。

yum install -y zlib zlib-devel

(4) openssl

OpenSSL 是一個強大的安全套接字層密碼庫,囊括主要的密碼演算法、常用的金鑰和證書封裝管理功能及SSL協議,並提供豐富的應用程式供測試或其它目的使用。

nginx不僅支援http協議,還支援https(即在ssl協議上傳輸http),所以需要在linux安裝openssl庫。

yum install -y openssl openssl-devel

(5) 編譯安裝nginx
將nginx-1.15.0.tar.gz拷貝至linux伺服器,解壓。
1)進入解壓目錄,輸入

./configure --prefix=/usr/local/nginx
–with-stream
–with-http_stub_status_module

2)編譯安裝
make
make install

安裝成功後,安裝目錄在/usr/local/nginx這裡
3)啟動nginx
cd /usr/local/nginx/sbin/
./nginx

啟動後,用ps -ef |grep nginx檢視nginx程序

2.配置nginx
開啟安裝目錄,找到conf目錄下nginx.conf,在http模組下新增以下程式碼

 map $http_upgrade $connection_upgrade {  
	    default upgrade;  
	    '' close;  
    }  
	
    upstream websocket {  
	    server 110.214.159.207:2013;  
    }  

    server {  
	    listen 2013;  
	    server_name test.game.com;
	    ssl on;
	    ssl_certificate /root/nginx-1.15.1/ssl/game.crt;
	    ssl_certificate_key /root/nginx-1.15.1/ssl/game.key;
	    ssl_session_timeout 20m;
	    ssl_verify_client off;
	    location / {  
		proxy_pass http://websocket;  
		proxy_http_version 1.1;  
		proxy_set_header Upgrade $http_upgrade;  
		proxy_set_header Connection "Upgrade";  
	    }
    }  

     upstream websocket1 {  
	    server 110.214.159.207:2015;  
    }  

    server {  
	    listen 2015;  
	    server_name test.game.com;
	    ssl on;
	    ssl_certificate /root/nginx-1.15.1/ssl/game.crt;
	    ssl_certificate_key /root/nginx-1.15.1/ssl/game.key;
	    ssl_session_timeout 20m;
	    ssl_verify_client off;
	    location / {  
		proxy_pass http://websocket1;  
		proxy_http_version 1.1;  
		proxy_set_header Upgrade $http_upgrade;  
		proxy_set_header Connection "Upgrade";  
	    }
    }  

這個裡面的110.214.159.207是遊戲服ip,2013是代理服監聽的埠,server_name是代理服對應的域名,ssl_certificate, ssl_certificate_key需要自己去申請ssl證書,申請後放在對應目錄。上面程式碼的意思是,遊戲客戶端傳送訊息到代理服的2013埠,代理服轉發到websocket遊戲服。

修改配置後檢查語法並重啟

nginx -t
./nginx -s reload

配置證書後,可能會報錯

nginx:[emerg]unknown directive ssl

原因是一開始編譯的Nginx的時候並沒有把SSL模組一起編譯進去。錯誤解決步驟如下:

步驟一:我們先來到當初下載nginx的包壓縮的解壓目錄/usr/local/src/

步驟二:來到解壓目錄下後,按順序執行一下命令:
1)./configure --with-http_ssl_module //重新新增這個ssl模組
2)make
3)在我們執行完做命令後,我們可以檢視到在nginx解壓目錄下,objs資料夾中多了一個nginx的檔案,這個就是新版本的程式了。首先我們把之前的nginx先備份一下,然後把新的程式複製過去覆蓋之前的即可。

cp /usr/local/nginx/sbin/nginx /usr/local/nginx/sbin/nginx.bak

cp objs/nginx /usr/local/nginx/sbin/nginx

4)執行./sbin/nginx -V 檢視ssl模組是否安裝成功,出現 enabled即代表成功
5)測試下,瀏覽器中F12,console中輸入如下程式碼

ws = new WebSocket(“wss://test.game.com:2013”);

沒報錯說明成功

遇到的錯誤及解決方案:

1.使用./nginx -s reload重新讀取配置檔案,發現報nginx: [error] open() /usr/local/nginx/logs/nginx.pid failed (2: No such file or directory)錯誤,進到logs檔案發現沒有nginx.pid檔案

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

使用nginx -c的引數指定nginx.conf檔案的位置

2.提示:nginx: [emerg] bind() to 0.0.0.0:80 failed (98: Address already in use)

killall -9 nginx 殺掉nginx 程序 然後重啟就行

另外就是還有一個可能,裝了2個nginx,刪掉一個就行了