智汇答题小程序部署文档说明

作者: 曼巴童鞋 | 来源:发表于2019-03-21 14:03 被阅读469次

小程序配置

注册小程序账号

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

配置安全域名

  • 进入Bmob控制台找到对应的应用,点击应用进入 设置->应用配置,你可以看到微信小程序服务器域名配置。
    登录微信公众平台,在 开发->开发设置 里面把这图几个域名填写到微信公众平台的服务器域名,设置https域名 。(由于上传题目使用的是json文件,所以需要开通Bmob文件二级域名,将域名填写到request域名中)



授权小程序

  • 进入Bmob控制台找到对应的应用,点击应用进入设置->应用配置,你可以看到微信小程序帐号服务配置,点击立即授权,使用微信公众平台的管理员扫描二维码进行授权。


  • 进入微信公众平台,进入 开发->开发设置,生成AppSecret(小程序密钥),将密钥复制粘贴到上图的AppSecret输入栏,点击保存

初始化Bmob SDK

  • 下载源码后用微信web开发者工具打开项目,导入小程序项目源码,输入AppID,点击确定。然后在app.js中配置Application ID 和 REST API KEY,Application ID 和 REST API KEY在Bmob控制台应用设置->应用密钥


上传代码

  • 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)整个文件夹放入源码

安装依赖包

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

修改配置

  • 打开backend-answer-plus\src\api\bmobConfig.js文件配置,分别填入三个key值。

  • 配置小程序模板小程序,先在小程序后台申请模板消息,模板:审核结果通知,关键词:审核结果、审核时间、备注、温馨提示。注意关键词顺序。然后将模板ID 复制填写到 backend-answer-plus\src\views\checkuser\index.vue中。

编译

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

打包

  • 执行 npm run build ,打包成功后在源码目录生成dist文件夹,最后将dist文件夹放到服务器就可以打开管理后台。

相关文章

  • 智汇答题小程序部署文档说明

    小程序配置 注册小程序账号 首先在微信公众平台注册一个账号,选择小程序,注册完之后就可以登录公众平台管理小程序了,...

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

    小程序配置 注册小程序账号 首先在微信公众平台注册一个账号,选择小程序,注册完之后就可以登录公众平台管理小程序了,...

  • 答题小程序(PHP版)

    简介 智汇答题Plus小程序适用于考核,评测等场景,分为五大功能:练习,考试,错题,收藏,排名;练习功能分为顺序答...

  • 小程序关注公众号组件显示场景及替代方案

    **小程序关注公众号组件说明** 1、进入场景说明 注:具体详情可参照微信小程序开发官方文档 https://de...

  • 小程序开发文档说明

    小程序开发说明文档 一、 目录结构: pages目录 (小程序页面的集合)index 目录(index页面)ind...

  • 关于答题小程序盈利问题分析

    关于答题小程序盈利问题分析 ~ 答题小程序从大类来讲属于工具类小程序,其实工具类小程序盈利无外乎,以下几种方式 1...

  • 小程序 radio默认颜色怎么修改

    核心:color="#1860F6", 补充: 更多说明,参考小程序官方文档!

  • 小程序部署流程

    小程序部署流程: 一、 注册小程序(小程序接入指南) 二、创建小程序项目(简易教程·小程序) 三、部署开发环境(开...

  • k8s集群使用cinder作为后端存储

    说明 官方的部署文档中说明,使用cinder csi需要OpenStack作为Kubernetes Provide...

  • https原理

    我们知道小程序的wx.request网络接口只支持HTTPS协议(文档-小程序网络说明),为什么HTTPS协议就比...

网友评论

    本文标题:智汇答题小程序部署文档说明

    本文链接:https://www.haomeiwen.com/subject/ahfqvqtx.html