编程语言
首页 > 编程语言> > 微信小程序:成语答题小程序详细搭建教程

微信小程序:成语答题小程序详细搭建教程

作者:互联网

准备工作:

补充一定要部署ssl证书,宝塔面板可以一键部署

此模块需要用到微擎

1.首先注册一个小程序微信公众平台

2.下载微信开发者工具-点击下载

3.下载小程序前端+后端源码:

4.最重要的一步此款小程序需要用到微擎为了不侵权我会把下载地址放在微信小程序获取

5.我们需要有服务器,域名

这里我用到服务器是Linux宝塔面板 php7.0

开启php扩展( sg11; ionCube ;fileinfo ; redis ; Swoole )这里不懂可以百度

教程开始:

第一步安装微擎,下载好的微擎源码上传服务器解压
在这里插入图片描述
访问域名点击进入安装-这里就不详细讲了期间不懂可以百度微擎安装教程
在这里插入图片描述
在这里插入图片描述

微擎安装完之后

我们把下载好的小程序源码后端源码上传到微擎addons目录解压

在这里插入图片描述
然后打开微擎后台-应用列表 -未安装列表
找到成语答题赚并安装
在这里插入图片描述
直接点击安装
在这里插入图片描述
安装完成之后-平台管理-添加平台-新建小程序-手动添加小程序-新建单个小程序
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
下面这一步需要填写小程序信息,小程序原始ID appID 小程序密钥
在这里插入图片描述
小程序原始ID APPID在微信公众平台用户信息里有
在这里插入图片描述
小程序密钥在-微信公众平台-开发-开发管理
在这里插入图片描述
设置好上面信息后点击下一步-添加应用
在这里插入图片描述
在这里插入图片描述
然后下一步-生成后-进入后台-小程序后端雏形已成

在这里插入图片描述

前端教程

打开微信开发者工具-添加新项目-导入前端文件-填写小程序APPID-点击导入
在这里插入图片描述
选择前端文件上传!
在这里插入图片描述
在这里插入图片描述
导入之后我们需要修改一些文件才能够正常使用
找到文件siteinfo.js
把uniacid,acid数字修改和后台一致,获取教程看下方
域名替换成自己的
在这里插入图片描述
在这里插入图片描述
这里修改后保存一下然后修改一下APPID
在这里插入图片描述
这里弄好后去微信公众平台添加一下安全域名
在这里插入图片描述
接着去微擎后台配置一下小程序信息导入题库,没有什么问题了就可以上传审核
在这里插入图片描述
在这里插入图片描述
可以预览一下我搭建好的
在这里插入图片描述

标签:教程,答题,微擎,微信,程序,源码,安装
来源: https://blog.csdn.net/weixin_52154971/article/details/112149256