独立部署小程序基于nodejs的服务器过程详解
(编辑：jimmy 日期: 2024/11/28 浏览：3 次 )
前言
完全自定义的部署小程序服务器, 不依托于腾讯云服务器体系.
以阿里云服务器为基础建立.
服务器语言选用nodejs.
目的
- 实现https基本访问请求
- 实现会话管理
- 实现socket长连接
- 一个基于socket的小游戏
源代码在这里:
基础要求
- 有一台服务器(在外网能访问的服务器)
- 有一个已经备案的域名(必须备案)
- 有一个已经申请的https证书域名(二级即可)
客户端代码:
我的实验环境:
服务器:阿里云云服务器ecs
备案域名: 9z9z.vip
https证书(ca证书): (免费型DV SSL)
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
在, 微信小程序后台, 设置->开发设置中获取.
上传源代码中的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
此时直接在浏览器中会有正常输出的字符串:Response from express
服务器配置成功.
设置小程序的服务器域名
打开小程序后台, 设置 -> 开发设置. 设置服务器域名
打开小程序开发工具
配置appid
打开app.js, 将config.host改为设置的网址."wuxing.9z9z.vip"
完成.
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：webpack自动打包和热更新的实现方法