完全自定義的部署小程序服務(wù)器, 不依托于騰訊云服務(wù)器體系.
以阿里云服務(wù)器為基礎(chǔ)建立.
服務(wù)器語言選用nodejs.
目的
實現(xiàn)https基本訪問請求
實現(xiàn)會話管理
實現(xiàn)socket長連接
一個基于socket的小游戲
源代碼在這里:
https://github.com/acharzuo/wx_miniapp_baseDemo
基礎(chǔ)要求
有一臺服務(wù)器(在外網(wǎng)能訪問的服務(wù)器)
有一個已經(jīng)備案的域名(必須備案)
有一個已經(jīng)申請的https證書域名(二級即可)
客戶端代碼:
我的實驗環(huán)境:
服務(wù)器: 阿里云云服務(wù)器ecs (https://ecs.console.aliyun.com/)
備案域名: 9z9z.vip
https證書(ca證書): (免費型DV SSL) (https://common-buy.aliyun.com/
)
https證書申請域名: wuxing.9z9z.vip
配置nodejs環(huán)境
登錄服務(wù)器, 安裝nodejs環(huán)境
curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
yum install -y nodejs
查看nodejs版本.
node -v
安裝配置mongode環(huán)境
# 安裝mongodb及客戶端工具
yum install mongodb-server mongodb -y
#建立mongo數(shù)據(jù)和日志存儲目錄
mkdir -p /data/mongodb
mkdir -p /data/logs/mongodb
# 啟動mongo
mongod --fork --dbpath /data/mongodb --logpath /data/logs/mongodb/weapp.log
# 鍵入mongo控制臺,添加用戶
mongo
> use weapp;
> db.createUser({ user: 'weapp', pwd: 'weapp-dev', roles: ['dbAdmin', 'readWrite']});
或者
db.addUser({ user: 'weapp', pwd: 'weapp-dev', roles: ['dbAdmin', 'readWrite']});
> exit;
安裝pm2, nodejs服務(wù)器管理器
npm install pm2 -g
修改源代碼中的appid和appSecretId
在, 微信小程序后臺, 設(shè)置->開發(fā)設(shè)置中獲取.
https://mp.weixin.qq.com/wxopen/devprofile?action=get_profile&token=1411655674&lang=zh_CN
上傳源代碼中的server目錄到服務(wù)器目錄,安裝node依賴包
npm install
啟動服務(wù)器
pm2 start app.js
配置nginx, 部署https證書
安裝nginx服務(wù)器
yum install nginx -y
將申請的ssl證書上傳到/etc/nginx目錄中.
打開新建配置/etc/nginx/conf.d/ssl.conf
# WebSocket 配置
map $http_upgrade $connection_upgrade {
default upgrade;
'' close;
}
server {
listen 443;
server_name wuxing.9z9z.vip; # 改為綁定證書的域名
# ssl 配置
ssl on;
ssl_certificate 214355946590.pem; # 改為自己申請得到的 crt 文件的名稱或者絕對路徑
ssl_certificate_key 214355946590.key; # 改為自己申請得到的 key 文件的名稱或者絕對路徑
ssl_session_timeout 5m;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE;
ssl_prefer_server_ciphers on;
# WebSocket 配置
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
location / {
proxy_pass http://127.0.0.1:8765;
}
}
重新啟動nginx
service nginx reload
或者 nginx -s reload
此時直接在瀏覽器中
會有正常輸出的字符串:Response from express
服務(wù)器配置成功.
設(shè)置小程序的服務(wù)器域名
打開小程序后臺, 設(shè)置 -> 開發(fā)設(shè)置. 設(shè)置服務(wù)器域名
打開小程序開發(fā)工具
配置appid
打開app.js, 將config.host改為設(shè)置的網(wǎng)址."wuxing.9z9z.vip"
完成.
<wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;">
