獨立部署小程序基於nodejs的服務器

完全自定義的部署小程序服務器, 不依托於騰訊雲服務器體系.
以阿里雲服務器為基礎建立.
服務器語言選用nodejs.

目的

實現https基本訪問請求
實現會話管理
實現socket長連接
一個基於socket的小游戲

源代碼在這里:
https://github.com/acharzuo/wx_miniapp_baseDemo

基礎要求

有一台服務器(在外網能訪問的服務器)
有一個已經備案的域名(必須備案)
有一個已經申請的https證書域名(二級即可)
客戶端代碼:

我的實驗環境:
服務器: 阿里雲雲服務器ecs (https://ecs.console.aliyun.com/)
備案域名: 9z9z.vip
https證書(ca證書): (免費型DV SSL) (https://common-buy.aliyun.com/ )
https證書申請域名: wuxing.9z9z.vip

配置nodejs環境

登錄服務器, 安裝nodejs環境

curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
yum install -y nodejs

查看nodejs版本.

node -v

安裝配置mongode環境

# 安裝mongodb及客戶端工具
yum install mongodb-server mongodb -y
#建立mongo數據和日志存儲目錄
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服務器管理器

npm install pm2 -g 

修改源代碼中的appid和appSecretId
在, 微信小程序后台, 設置->開發設置中獲取.
https://mp.weixin.qq.com/wxopen/devprofile?action=get_profile&token=1411655674&lang=zh_CN

上傳源代碼中的server目錄到服務器目錄,安裝node依賴包

npm install

啟動服務器

pm2 start app.js

配置nginx, 部署https證書

安裝nginx服務器

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

此時直接在瀏覽器中
https://wuxing.9z9z.vip/hello
會有正常輸出的字符串:Response from express
服務器配置成功.

設置小程序的服務器域名

打開小程序后台, 設置 -> 開發設置. 設置服務器域名

打開小程序開發工具

配置appid

打開app.js, 將config.host改為設置的網址."wuxing.9z9z.vip"

完成.