小程序是目前最大的流量风口,与APP不同的是小程序的便捷,也就是小程序的核心竞争力与理念,不过小程序和APP的相同点都是属于应用,因此需要后台服务的支持,微信小程序的后台搭建常用到腾讯云,包括云数据库与云服务器。
小程序后台服务需要通过 HTTPS 访问,在实验开始之前,我们要准备域名和 SSL 证书。如果您还没有域名,可以在腾讯云上选购。 域名购买完成后, 需要将域名解析到实验云主机上,实验云主机的 IP 为:<您的 CVM IP 地址>。在腾讯云购买的域名,可以到控制台添加解析记录, 域名设置解析后需要过一段时间才会生效,通过 ping 命令检查域名是否生效。如果 ping 命令返回的信息中含有你设置的解析的 IP 地址,说明解析成功。腾讯云提供了 SSL 证书的免费申请, 申请提交后,审批结果会以短信的形式通知。审批通过后,可以到 SSL 控制台下载您的证书文件。
在开始搭建我们的小程序服务器之前,需要先完成客户端小程序开发环境的搭建。如果你还不是小程序开发者,请先在微信公众平台并注册。若您已注册,下一步配置小程序服务器信息登录微信公众平台后,依次进入设置 - 开发设置 - 服务器域名 - 修改。扫码完成身份校验后,request 合法域名和 socket 合法域名均填写在上一步准备好的域名地址。配置完成后,点击保存并提交。源码下载后,请解压到本地工作目录。开发工具下载后,请安装并启动,然后用微信扫码登录。登录后,选择本地小程序项目 - 添加项目,使用以下配置:
AppID:填写小程序的 AppID,请登录公众平台后在 设置 - 开发设置 - 开发者 ID 中查看
项目名称:填写任意您喜欢的名称
项目目录:选择刚才解压的配套源码目录(目录包含 app.js)
填写完成后,点击添加项目。在开发工具的编辑 面板中,选中 app.js 进行编辑,需要修改小程序通信域名,请参考下面的配置:
App({
config: {
host: \'www.yourdomain.com\' // 这个地方填写你的域名
},
onLaunch () {
console.log(\'App.onLaunch()\');
}
});
搭建HTTP服务,将服务器上使用 Node 和 Express 搭建一个 HTTP 服务器。使用下面的命令安装 NodeJS
sudo apt-getupdate
sudo wgethttps://mc.qcloudimg.com/static/archive/262420521a966befe17dfa0070ddb272/node-v6.11.0.tar.gz
sudo tar xvfnode-v6.11.0.tar.gz
cdnode-v6.11.0
sudo./configure
sudo make
sudo makeinstall
sudo cp/usr/local/bin/node /usr/sbin/
安装完成后,使用下面的命令测试安装结果
node -v
使用下面的命令在服务器创建一个工作目录:
sudo mkdir-p /data/release/webapp
进入此工作目录
cd/data/release/webapp
在工作目录创建 package.json 文件,并修改文件的访问权限。
sudo touchpackage.json
sudo chmoda+r+w package.json
修改 package.json 添加我们服务器包的名称和版本号,可参考下面的示例。
示例代码:/data/release/webapp/package.json
{
name: webapp,
version: 1.0.0
}
完成后,使用 Ctrl + S 保存文件
在工作目录创建 app.js
cd/data/release/webapp
sudo touchapp.js
sudo chmoda+rw app.js
修改 app.js 文件,使用 Express.js 来监听 8765 端口,app.js文件可参考下面的示例代码。
示例代码:/data/release/webapp/app.js
// 引用 express 来支持 HTTP Server 的实现
constexpress = require(\'express\');
// 创建一个 express 实例
const app =express();
// 实现唯一的一个中间件,对于所有请求,都输出 Responsefrom express
app.use((request,response, next) => {
response.write(\'Response from express\');
response.end();
});
// 监听端口,等待连接
const port =8765;
app.listen(port);
// 输出服务器启动日志
console.log(`Serverlistening at http://127.0.0.1:${port}`);
运行 HTTP 服务
在开始之前,我们先来安装 [PM2]
sudo apt-getinstall npm
sudo npminstall -g pm2
PM2 安装时间可能稍长,请耐心等候 [?]
我们的服务器源码里使用到了 Express 模块,下面的命令使用 NPM 来安装 Express
cd/data/release/webapp
sudo npminstall express --save
安装完成后,使用 PM2 来启动 HTTP 服务
cd/data/release/webapp
pm2 startapp.js
现在,您的 HTTP 服务已经在 http://<您的 CVM IP 地址>:8765 运行
要查看服务输出的日志,可以使用下面的命令:
pm2 logs
如果要重启服务,可以使用下面的命令:
pm2 restartapp
微信小程序要求和服务器的通信都通过 HTTPS 进行
安装 Nginx
在 Ubuntu 上,可直接使用 apt-get 来安装 Nginx
sudo apt-getinstall nginx -y
安装完成后,使用 nginx 命令启动 Nginx:
sudo/etc/init.d/nginx start
此时访问 http://<您的域名> 可以看到 Nginx 测试页面
微信小程序开发环境搭建还不算太过复杂,而后台服务器搭建过程是有许多细节的东西需要注意,服务器需承载大量用户,在搭建后台中,每一个步骤完成后能测试是否顺利搭建是最好的。
推荐阅读:微信小程序开发中常见问题有哪些
参与讨论
发表评论