实例：手把手教你搭建一款脑力达人小程序
发布时间：2022-09-20 12:58:11 所属栏目：PHP教程 来源：
导读： 今天的这一节课我们来学习搭建一款脑力达人的小程序，这个小程序就是答题类的休闲益智小游戏，通过答题闯关获得的积分可以兑换奖品，功能设置比较简单，很适合新手练习。
准备：
域名已备案
准备：
域名已备案
|
今天的这一节课我们来学习搭建一款脑力达人的小程序，这个小程序就是答题类的休闲益智小游戏，通过答题闯关获得的积分可以兑换奖品，功能设置比较简单，很适合新手练习。 准备： 域名已备案 SSL证书(已申请并安装https) 服务器(已搭建BT宝塔和环境配置) 微擎平台(已架设) 小程序账号(已注册配置) 小程序开发工具(已安装) 微信支付(涉及交易环节需要) 脑力达人小程序源码 步骤： 我们是通过微信框架来搭建小程序的，在前面的课程中也带领大家搭建了微擎框架，并且练手了一个官网小程序，从这一节课开始，我们来讲一点跟前面课程不太一样的精品课程php 代码加密 组件 教程，大家要认真学习。 一、打开BT宝塔面板，软件管理，找到我们应用的PHP-5.6，点击设置，在弹出的窗口中点击安装扩展，找到sg11，点击安装即可。如果没有生效，可以重启一下服务器。 二、脑力达人源码： 打开源码文件夹，我们看到有小程序的前后端源码。 三、打开后端源码文件夹，把ys_naolidaren打包(压缩成zip格式)，上传到你的微擎网站的addons目录下，再解压，解压后可把压缩文件删除。 四、打开微擎后台，点击小程序应用，点击未安装应用，安装应用模块，根据提示安装即可。 五、在微擎后台，点击微信小程序，添加小程序，选择手动添加小程序，新建单个小程序，填写申请的小程序信息，包括小程序名称、描述、原始ID、AppId、AppSecret、版本号、头像(小程序logo)、 二维码(小程序二维码)、添加应用(选择脑力达人)。 这些信息在微信小程序后台都可以查到，之前的课程中已经讲过，在这里就不再重复了。 六、生成小程序之后，我们点击进入小程序，点击脑力达人进入管理后台设置数据。 小程序的支付对接我们在上一课中已经讲过了，在这里就不再重复了。将后台的数据设置完成后，我们接下来就开始前端代码的配置及上传审核了。 前端配置： 一、打开上节课我们下载的微信web开发者工具，微信扫码登录，选择导入项目，项目名称可默认也可改，目录选择源码的前端文件夹，并把APPID填上，点击导入即可。 二、导入之后，找到siteinfo.js文件，将uniacid与acid改为微擎后台程序ID(微信小程序——管理设置——消息推送配置——URL上有个id=78)，所以我们这里就改为78;siteroot: “https: //********/app/index.php”, 将这里的域名换成你自己的微擎域名即可。 三、设置完后点击编译，我们就可以在左边的模拟器中查看小程序的设置情况，测试没有问题后，点击上传。 四、打开微信小程序后台，版本管理php 代码加密 组件 教程，可以看到刚刚上传的前端在小程序，点击右边的绿色箭头设置成为体验版，可用手机扫码体验，也可直接提交审核，官方审核通过后，就可以正式上线小程序了。 这样，我们就完成了脑力达人小程序的搭建，如果你打算做一款正式版的小程序，可以采用官方的源码，他们会不断地更新，我们提供的源码主要用于教授大家学习研究使用。 小结：本节课讲了PHP加密配置、后端源码上传、前台源码配置与上传，这些都是将来我们搭建小程序必学的知识。刚开始使用大家可能还不是很熟悉，需要这份源码的小伙伴可以私信我，我们提供的这份源码就是想让大家可以多加练习，熟悉之后再搭建自己想要的小程序就简单多了。 （编辑：海洋资讯信息网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐