1. 主页 > 大橙分享

微信答题小程序详细安装部署教程爱上答题

8866.png


技术架构

  • 后端: PHP7.3+mysql5.6
  • 前端:微信小程序原生开发


部署前的准备


  • 注册个人小程序,免费的(注意:选择类目的时候建议多选几个:1、教育-在线教育2、工具-信息查询3、工具-图片处理,注意:千万不能选休闲游戏类目,否则编译不成功,因为这类目需要证书,个人小程序一般用不了,如果你已经选了这类目是改不了,只能注销小程序重新注册新的号
  • 服务器
  • 已经备案的域名(小程序建议搭建在二级域名,例如:wx.baidu.com)
  • 下载 微信开发者工具


部署    


安装宝塔面板(购买服务器的时候,可一键安装宝塔面板的)

登录后要先绑定一个宝塔账号,这个大家自行注册就可以了

登录宝塔面板:

安装环境Nginx1.22   PHP7.3版本+mysql5.6 极速一键安装

 选择系统推荐的 LNMP 环境 

LNMP 环境安装进度 

等待 10 分钟后,环境安装完成,当然有经验的同学可以自行安装 PHP+mysql 的环境,但是使用宝塔面板对新手比较友好。


安装微擎

点击网站添加站点,输入你的域名,创建数据库,选择PHP7.3版本

 image.png

选择创建数据库,和 FTP,点击提交,此时输入我们的域名可以看到如下页面

宝塔默认创建的页面

说明我们的网站创建成功了。

在站点修改处申请SSL证书,免费的,90有效期,过期了记得要重新申请,否则小程序功能无法正常运行

image.png

安装微擎框架

先将原来新建的站点时默认的4个文件删除,然后将微擎框架2.1.2.zip压缩包上传网站目录并解压


 上传微擎框架源码

上传完成后在线解压后打开域名,进行微擎安装


输入IP,开始安装微擎 微擎安装页面检查环境

安装过程中注意数据库主机那里,如果是linux系统请填:localhost

微擎配置数据库和密码

点击继续输入刚才创建的数据库信息,并且设置微擎后台密码

微擎安装完成

点击继续安装完成,打开网站登录微擎

安装应用

上传skai_tooli.zip压缩包到addons/文件目录下,并在线解压

1682448729286.png

打开微擎-应用管理-安装应用(我这里已经安装了),点击应用开始安装,一路点确定,安装完成

1682448977448.png

接下来在平台入口,新建平台选择新建微信小程序

新建平台,新建小程序

选择手动添加小程序

选择新建单个小程序


输入你小程的原始ID、APPId、APPSecret,打开小程序-开发者管理处获取APPId和APPSecret,原始ID

1682450361027.png

配置小程序信息,AppId 和 AppSceret 可以在微信小程序后台-开发管理-开发设置中,重置密钥,要保持好

1682450479989.png

原始ID在账户中心处

1682450609528.png


填好配置信息点下一步,添加应用选择(管理员处不用管)

1682450674407.png

1682450738104.png

 输入一个名称,输入一个版本号,点击生成版本,小程序后端安装成功

1682450797399.png

在微擎-平台管理处,点进入微信小程序

1682450929329.png


点击在线知识答题有奖


1682451002485.png

进入后台管理

1682451047043.png


进入配置进行对应修改

1682451080304.png


导入题目:

1682451140772.png

选择题库上传并导入(题库可以在后台手动添加,也可以自己在题库文档添加好再导入)

1682451174696.png

接下来就是:

1、导入昨日排行榜(可以自己后台手动修改)

2、分享设置

3、奖励配置

4、规则设置

5、提现配置

6、菜单摄设置

1682455211148.png

具体配置可参考文件:

1682451425115.png

打开微信小程序后台

开发管理-开发设置,将合法域名都填好,一定是要备案的才行的

1682451953568.png

打开微信开发者工具

目录就是选择小程序源码文件-输入你的APPID,选择不使用云服务-点确定-

1682451611659.png

信任并运行

修改 siteinfo.js文件处为你的域名,快捷键Ctrl+S 保存即可

1682451852535.png

如果编译不显示,试下改调试基础库版本-建议2.24或以下,或者清理缓存再点编译

1682452334991.png

在开发者中测试正常,可以真机调试,如果功能正常就可以点击上传了

1682452436167.png

上传完成后-打开微信小程后台就会看到版本,提交审核即可

1682452485437.png

提交审核

1682452567035.png

提交时填的描述信息可以参考我的

1682452620290.png

这里可以选择是否加急,加急一年有一次机会,加急一般1天就审核通过,是工作日2小时内,节假日和周末不算工作日

1682452675191.png

最后就是要填写用户隐私保护指导设置,点开这个用户隐私协议:

1682452848371.png

为了-保存图片-上传图片完善资料

1682452889069.png

邮箱、微信、QQ都行了,5.2处填弹窗的方式

1682453012285.png

填好就保存-确定并生成协议,然后直接关闭这页面就可以了

提交审核建议把昨日提现榜和提现隐藏起来,就是怕审核不通过,等审核通过后再打开即可

1682453562561.png

最后提交审核即可,审核通过腾讯会通过微信告知,审核通过后,需要你去小程序后台手动点击发布,这样就成功上线了。

问题解答


一、安装遇到最多的问题就是,微信开发者工具编译的时候是一片空白,问题如图所示:


1682454343605.png

原因有以下几个,请自查:

1、看上图红色框出的,编译模式处,正常是小程序模式才行,如果你小程序申请的类目选择是休闲游戏,这里编译会显示游戏模式,这个是改不了的,所以会失败,建议注销账号,重新申请一个小程序。

2、如图框出来这个链接没有修改对,自查是否正确或者有空格,一定要带https协议的。

3、检查微擎-平台管理处,看看你的APPID和密钥有没有弄错,看看是不是有空格


1682454628433.png


4、如果微擎你搭建了多个应用,记得修改此处:默认第一个应用ID是2,如果有其他应用,你可以在应用管理处看应用的ID号

1682454848340.png

1682455062110.png

1682454949345.png

5、题库没有在后台导入,所以会不显示

以上就是问题解答,请认真自查

二、广告怎么挂上去?

解答:在管理后台,基础设置-流量主配置,输入对应的广告ID,需要开通流量主,开通流量主的条件就是你的小程序需要有1000个访客,也可以到某宝花钱让人直接开通,说到底还是需要自己去做引流,需要每天有人看你广告才有收益。


1682474606120.png

结语

本文详情记录了微擎小程序的安装部署步骤,当然不单单是这一个小程序,其他小程序部署也是如此。

如果你对整套小程序感兴趣,也想部署这套小程序,可以关注微信公众号“大橙学堂”或加大橙微信:bx1865

以上就是本文全部内容,希望这篇文章对大家有所帮助,也可以参考我往期的文章或者在评论区交流你的想法和心得,欢迎一起探索前端。



微信图片_20220323144457.png

我写了1万多字的《你的个人IP价值千万》这本电子书,教你如何通过打造你的个人IP。把知识技能、工作经验、兴趣爱好、才华...等等进行变现,哪怕你是小白,照样可以学会如何N倍变现,话不多说,我在微信上全部免费发你

加载中~

联系我们

在线咨询:点击这里给我发消息

微信号:435106700

工作日:9:30-18:30,节假日休息