摘要:本文说明了在腾讯云服务器上通过“微信小程序专用解决方案”搭建、部署后端服务器及基础服务的过程。
了解了基本的开发工具以后,我们开始配置服务器相关的信息,要完成后端服务器的配置,整体流程是这样的:
腾讯云针对上述痛点,为开发者们提供了一个微信小程序的云端脚手架,称为“微信小程序专用解决方案”,通过对云端代码的简单修改,就可以实现自己复杂的线上业务逻辑。
一句话来说,你可以在半小时内直接搭建好后端所有的服务,只要去腾讯云官网购买他们家的“微信小程序专用解决方案”!
他们官方宣传的特点是这样的:
微信小程序专用解决方案
围绕微信小程序特性打造的一站式解决方案,是小程序的服务器推荐服务商,也是原生案例的提供者。一键购买配置模式
购买后自动分配并初始化云端资源,一键完成域名注册、解析及 SSL 证书部署。专业支持安全可靠
原生支持 HTTPS/WSS,配备 BGP 高防、域名智能解析及防劫持等多重安全防护体系,为小程序保驾护航。丰富的 DEMO 及 SDK 案例
针对小程序特性,提供不同类型的 DEMO 及 SDK 案例,帮助用户高效完成小程序开发。
接下来我们开始利用他们的“专用服务”开始配置,在配置前请准备好
- 微信开发者账号一个,如果没有申请,登录微信官网申请。
- 确认微信客户端web开发工具已经安装好,如果没有安装,点这里。
- 远程登录云服务器软件,如Xshell, Putty等。Xshell可以在官网下载并安装。
1. 创建服务
首先访问腾讯云-微信小程序资源页,创建服务
填写完信息,收到了开通的信息后,开始正式开通小程序。注意,如果没有AppID,需要首先点右边的“申请AppID”,去微信公众号页面注册并申请个人认证,然后才能得到微信小程序的开发者权限。
腾讯云为我们提供了多种可选的语言,选择一个我们自己最为熟悉的语言,这样我们可以对腾讯云提供的服务进行定制化的修改,这里我选择的是NodeJS。确认自己要创建的资源,扫码支付后,腾讯云会创建解决方案所需要的所有资源。
在选择好后,点击立即创建,然后进入等待创建的界面
我们可以看到,腾讯云为我们一键创建了多种云服务/比如负载均衡、业务云服务器、会话管理云服务器、云数据库等,还贴心的帮我们申请了一个免费的HTTPS证书,帮助我们来快速调试,免得我们没有SSL证书,免去申请证书的麻烦。
在等待大约10-20分钟后,我们就可以看到提示:
左侧的总览页面里,显示的就是腾讯云微信小程序解决方案为我们创建的所有云资源
2. 配置小程序
接下来,我们就可以开始进行微信小程序的配置了。
首先,我们要登陆微信小程序后台来修改域名配置
注意,小程序通信域名每个人是不一样的,自己的域名可以在配置指引中看到。
设置完成后,我们可以稍等几分钟重启微信开发者工具生效。
配置本地源码
接下来配置本地源码,安装微信小程序开发者工具,并下载官方Demo到本地。
在开发者工具中创建一个新的项目。AppID使用在微信公众号设置—开发设置中,可以看到已经申请并认证好的AppID,复制过来就可以。项目目录选择我们刚刚下载的源码的目录,然后点击添加项目,进入项目页面。注意:在这里必须填写AppID,否则后面连接服务器的请求无法完成。
打开开发者工具中的官方Demo后,在项目目录中可以看到根目录有app.js, app.json, config.js等很多文件,在这里找到config.js文件,它是我们本地的配置文件,双击并进行修改。
将其中
var host = '65169084.qcloud.la';
中的域名改为微信小程序解决方案资源视图中的“二级域名与证书“中的那个域名,注意,这个域名和你在微信公众号那个网站填的服务器配置是基本一样的。
修改完成后,保存,点击左侧的调试,进入调试界面,点击其中的预览,并扫码,就可以进入真机测试了!接下来,来看看我们的微信小程序做出的成品吧!
在这个官方Demo中,前端和后端通过配合实现了WebSocket长链接通信,使用账号登录、发送带会话的请求和WebSocket信道服务测试,如果都成功了,结果如图所示,如果在哪里失败了,可以参考腾讯官方提供的配置视频文件,重新配置一遍。