智汇驾考小程序部署文档说明

小程序配置

注册小程序账号

  • 首先在微信公众平台注册一个账号,选择小程序,注册完之后就可以登录公众平台管理小程序了,包括小程序的命名,类型等。
  • 小程序服务类目选择 教育->在线教育

配置安全域名

  • 进入Bmob控制台找到对应的应用,点击应用进入 设置->应用配置,你可以看到微信小程序服务器域名配置。

登录微信公众平台,在 开发->开发设置 里面把这图几个域名填写到微信公众平台的服务器域名,设置https域名 。(由于上传题目使用的是json文件,所以需要开通Bmob文件二级域名,将域名填写到request域名中)

(request填写的域名包括:https://api.bmobcloud.com,https://kaojiazhao.eclicks.cn,开通的二级域名)

(socket填写的域名包括: wss://wss.bmobcloud.com)

(uploadFile填写的域名包括:https://api.bmobcloud.com)

智汇驾考小程序部署文档说明_第1张图片
智汇驾考小程序部署文档说明_第2张图片
智汇驾考小程序部署文档说明_第3张图片

授权小程序

  • 进入Bmob控制台找到对应的应用,点击应用进入设置->应用配置,你可以看到微信小程序帐号服务配置,点击立即授权,使用微信公众平台的管理员扫描二维码进行授权。
智汇驾考小程序部署文档说明_第4张图片
  • 进入微信公众平台,进入 开发->开发设置,生成AppSecret(小程序密钥),将密钥复制粘贴到上图的AppSecret输入栏,点击保存
智汇驾考小程序部署文档说明_第5张图片

初始化Bmob SDK

  • 下载源码后用微信web开发者工具打开项目,导入小程序项目源码,输入AppID,点击确定。然后在 * app.js * 中配置Application ID 和 REST API KEY,Application ID 和 REST API KEY在Bmob控制台应用设置->应用密钥
智汇驾考小程序部署文档说明_第6张图片
智汇驾考小程序部署文档说明_第7张图片

上传代码

  • SDK初始化完毕之后,就完成了整个小程序项目的配置,这样就可以在微信web开发者工具上进行测试。如果项目测试完成之后,就可以将代码上传到微信公众平台进行审核。上传完成之后在微信公众平台 版本管理

就可以提交版本审核,审核通过之后该小程序就可以上线了。

管理后台配置

安装node.js

  • 后台使用的是vue.js,所以需要安装node.js,使用的版本是 v6.10.3,npm 版本是3.10.10,这里版本不同可能导致下面执行npm install安装依赖包时可能会出错,懂得解决问题的可以自行解决。如果下载了不同版本的,又不会解决的可以直接下载依赖包,这里分享一个链接 https://pan.baidu.com/s/1jNKoe_Z7TJ82OvVHnbwGtQ 提取密码:yc87 ,下载后将依赖包(node_modules)整个文件夹放入源码
智汇驾考小程序部署文档说明_第8张图片

安装依赖包

  • 打开cmd ,进入后台源码根目录 输入 npm install ,安装依赖包(如果直接下载依赖包解压的,此步骤可以忽略)

修改配置

  • 打开backend-answer-plus\src\api\bmobConfig.js文件配置,分别填入三个key值。
智汇驾考小程序部署文档说明_第9张图片
智汇驾考小程序部署文档说明_第10张图片

编译

  • 打开cmd ,进入后台源码根目录 输入 npm run dev,编译成功之后可以打开网址:http://localhost:8080

账号:admin 密码:123456

打包

  • 执行 npm run build ,打包成功后在源码目录生成dist文件夹,最后将dist文件夹放到服务器就可以打开管理后台。
智汇驾考小程序部署文档说明_第11张图片

导入题目

1.先使用excel模板整理题目,保存后,点击生成json文件,选择excel模板,然后会生成下载一个question.json文件。

2.点击题目导入,选择题库类别,文件选择生成的json文件,即可导入题目。

3.重新导入题目会覆盖上次的题库,所以整理好的excel模板文件可以保留,如果题目有错误可以改正确后,重新覆盖上传。

你可能感兴趣的:(智汇驾考小程序部署文档说明)