11月是全国“119”消防宣传月,不少企事业单位都会举办消防安全知识竞答活动,因此我基于云开发搭建了消防安全知识答题活动小程序。

接着,还写完了初阶的手把手教你搭建答题活动小程序系列文章,用以帮助初学者快速入门云开发。

而这里再补充一篇搭建部署帮助文档,帮助你如何利用微信答题活动小程序v1.0的源码进行搭建云开发小程序。


答题小程序界面

基于云开发的微信答题活动小程序v1.0搭建部署帮助文档_后台管理


一、准备工作

搭建并部署上线这个答题活动小程序,需要先进行以下几步准备工作:

1、首先注册微信小程序,主要是为了拿到AppID。这个是先决条件。

小程序的注册非常方便,去微信公众平台,打开小程序注册页面,按照要求填入个人的信息,验证邮箱和手机号,扫描二维码绑定你的微信号即可,3分钟左右的时间即可搞定。

小程序注册页面

基于云开发的微信答题活动小程序v1.0搭建部署帮助文档_后台管理_02

基于云开发的微信答题活动小程序v1.0搭建部署帮助文档_开发者工具_03

注册小程序时不能使用注册过微信公众号、微信开放平台的邮箱,也就是需要你使用一个其他邮箱才行。

当我们注册成功后,就可以自动登入到小程序的后台管理页面,完善相应的资料后,然后在这里获得AppID。

基于云开发的微信答题活动小程序v1.0搭建部署帮助文档_开发者工具_04


2、其次下载并安装了微信开发者工具。这个是开发搭建环境,以及上传代码到服务器的工具。

小程序开发者工具下载页面

基于云开发的微信答题活动小程序v1.0搭建部署帮助文档_小程序_05


3、然后就是下载答题活动小程序源码了。这个可以去gitee进行下载。


二、搭建工作

1、打开微信开发者工具,使用微信扫码登录开发者工具,然后使用开发者工具新建一个小程序的项目。

项目名称:这个可以根据自己的需要任意填写;

目录:找到事先下载好的答题活动小程序源码的文件夹,然后选择它;

AppID:就是之前注册成功后获得的的 AppID(小程序 ID)

开发模式为小程序(默认)

后端服务选择小程序·云开发

基于云开发的微信答题活动小程序v1.0搭建部署帮助文档_后台管理_06

点击新建确认之后就能在开发者工具的模拟器里看到云开发答题活动小程序,并且在编辑器里看到这个小程序的源代码。


2、点“云开发”进行开通云开发服务。

基于云开发的微信答题活动小程序v1.0搭建部署帮助文档_安全知识_07

点击微信开发者工具的“云开发”图标,在弹出框里点击“开通”,同意协议后,会弹出创建环境的对话框。这时会要求你输入环境名称和环境 ID,以及当前云开发的基础环境配额(基础配额免费,而且足够你使用了)。

按照对话框提示的要求填写完之后,点击创建,会初始化环境,环境初始化成功后会自动弹出云开发控制台,这样云开发服务就开通啦。


3、依次新建集合

(1)新建题目数据库集合,并创建或者导入题目数据。

基于云开发的微信答题活动小程序v1.0搭建部署帮助文档_后台管理_08

基于云开发的微信答题活动小程序v1.0搭建部署帮助文档_后台管理_09

(2)新建保存答题成绩的数据库集合。


4、找到云开发的环境 ID。

点击云开发控制台窗口里的设置图标,在环境变量的标签页找到环境名称和环境 ID。


5、指定小程序的云开发环境

在开发者工具中打开源代码文件夹 miniprogram 里的 app.js,找到如下代码:

wx.cloud.init({

// 此处请填入环境 ID, 环境 ID 可打开云控制台查看

env: 'env-id',

traceUser: true,

})

在 env: 'env-id'处改成你的环境 ID,如 env: 'dtxcxxfaqzsjd'


6、点“上传”进行上传代码后,再去到小程序的后台管理页面,扫码访问体验版或者提交审核为后续部署上线。


后续我会在这个v1.0的基础上继续开发,答题类微信小程序v2.0、v3.0,功能将会更加多以及更加完善,敬请期待吧。