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

日期: 栏目:文章分享 浏览:493 评论:0

准备工作:

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

此模块需要用到微擎

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

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

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

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

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

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

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

教程开始:

第一步安装微擎,下载好的微擎源码上传服务器解压
微信小程序:成语答题小程序详细搭建教程-第1张图片-Ceacer网络
访问域名点击进入安装-这里就不详细讲了期间不懂可以百度微擎安装教程
微信小程序:成语答题小程序详细搭建教程-第2张图片-Ceacer网络
微信小程序:成语答题小程序详细搭建教程-第3张图片-Ceacer网络

微擎安装完之后

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

微信小程序:成语答题小程序详细搭建教程-第4张图片-Ceacer网络
然后打开微擎后台-应用列表 -未安装列表
找到成语答题赚并安装
微信小程序:成语答题小程序详细搭建教程-第5张图片-Ceacer网络
直接点击安装
微信小程序:成语答题小程序详细搭建教程-第6张图片-Ceacer网络
安装完成之后-平台管理-添加平台-新建小程序-手动添加小程序-新建单个小程序
微信小程序:成语答题小程序详细搭建教程-第7张图片-Ceacer网络
微信小程序:成语答题小程序详细搭建教程-第8张图片-Ceacer网络
微信小程序:成语答题小程序详细搭建教程-第9张图片-Ceacer网络
微信小程序:成语答题小程序详细搭建教程-第10张图片-Ceacer网络
下面这一步需要填写小程序信息,小程序原始ID appID 小程序密钥
微信小程序:成语答题小程序详细搭建教程-第11张图片-Ceacer网络
小程序原始ID APPID在微信公众平台用户信息里有
微信小程序:成语答题小程序详细搭建教程-第12张图片-Ceacer网络
小程序密钥在-微信公众平台-开发-开发管理
微信小程序:成语答题小程序详细搭建教程-第13张图片-Ceacer网络
设置好上面信息后点击下一步-添加应用
微信小程序:成语答题小程序详细搭建教程-第14张图片-Ceacer网络
微信小程序:成语答题小程序详细搭建教程-第15张图片-Ceacer网络
然后下一步-生成后-进入后台-小程序后端雏形已成

微信小程序:成语答题小程序详细搭建教程-第16张图片-Ceacer网络

前端教程

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


标签:

评论留言

我要留言

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。发布前请先查看评论规则:点我查看