实例:手把手教你搭建一款脑力达人小程序
ccwgpt 2024-09-29 09:45 49 浏览 0 评论
今天的这一节课我们来学习搭建一款脑力达人的小程序，这个小程序就是答题类的休闲益智小游戏，通过答题闯关获得的积分可以兑换奖品，功能设置比较简单，很适合新手练习。
准备：
域名已备案
SSL证书(已申请并安装https)
服务器(已搭建BT宝塔和环境配置)
微擎平台(已架设)
小程序账号(已注册配置)
小程序开发工具(已安装)
微信支付(涉及交易环节需要)
脑力达人小程序源码
步骤：
我们是通过微信框架来搭建小程序的，在前面的课程中也带领大家搭建了微擎框架，并且练手了一个官网小程序，从这一节课开始，我们来讲一点跟前面课程不太一样的精品课程，大家要认真学习。
一、打开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加密配置、后端源码上传、前台源码配置与上传，这些都是将来我们搭建小程序必学的知识。刚开始使用大家可能还不是很熟悉，需要这份源码的小伙伴可以私信我，我们提供的这份源码就是想让大家可以多加练习，熟悉之后再搭建自己想要的小程序就简单多了。
相关推荐
- Python+ Appium:Android手机连接与操作详解(附源码)
-
在移动端自动化测试领域，Appium一直是最热门的开源工具之一。今天这篇文章，我们聚焦Android端自动化测试的完整流程，从环境配置到代码实战，一步一步带你掌握用Python控制Android...
- 全平台开源即时通讯IM框架MobileIMSDK开发指南，支持鸿蒙NEXT
-
写在前面在着手基于MobileIMSDK开发自已的即时通讯应用前，建议以Demo工程为脚手架，快速上手MobileIMSDK！Demo工程主要用于演示SDK的API调用等，它位于SDK完整下载包的如下...
- 移动开发(一):使用.NET MAUI开发第一个安卓APP
-
对于工作多年的C#程序员来说，近来想尝试开发一款安卓APP，考虑了很久最终选择使用.NETMAUI这个微软官方的框架来尝试体验开发安卓APP，毕竟是使用VisualStudio开发工具，使用起来也...
- 在安卓系统上开发一款软件详细的流程
-
安卓app软件开发流程是一个系统而复杂的过程，涉及多个阶段和环节。以下是一个典型的安卓软件开发流程概述：1.需求分析目的：了解用户需求，确定APP的目标、功能、特性和预期效果。活动：开发团队与客户进...
- ArkUI-X在Android上使用Fragment开发指南
-
本文介绍将ArkUI框架的UIAbility跨平台部署至Android平台Fragment的使用说明，实现Android原生Fragment和ArkUI跨平台Fragment的混合开发，方便开发者灵活...
- Web3开发者必须要知道的6个框架与开发工具
-
在Web3领域，随着去中心化应用和区块链的兴起，开发者们需要掌握适用于这一新兴技术的框架与开发工具。这些工具和框架能够提供简化开发流程、增强安全性以及提供更好的用户体验。1.Truffle：Truff...
- Python开发web指南之创建你的RESTful APP
-
上回我们说到了：PythonFlask开发web指南：创建RESTAPI。我们知道了Flask是一个web轻量级框架，可以在上面做一些扩展，我们还用Flask创建了API，也说到了...
- python的web开发框架有哪些（python主流web框架）
-
python在web开发方面有着广泛的应用。鉴于各种各样的框架，对于开发者来说如何选择将成为一个问题。为此，我特此对比较常见的几种框架从性能、使用感受以及应用情况进行一个粗略的分析。 1Dja...
- Qwik:革新Web开发的新框架（webview开源框架）
-
听说关注我的人，都实现了财富自由！你还在等什么？赶紧加入我们，一起走向人生巅峰！Qwik：革新Web开发的新框架Qwik橫空出世：一场颠覆前端格局的革命？是炒作还是未来？前端框架的更新迭代速度，如同...
- Python中Web开发框架有哪些?（python主流web框架）
-
Python为Web开发提供了许多优秀的框架。以下是一些流行的PythonWeb框架：1.Django：一个高级的Web框架，旨在快速开发干净、实用的Web应用。Django遵...
- WPF 工业自动化数据管控框架，支持热拔插 DLL与多语言实现
-
前言工业自动化开发中，设备数据的采集、处理与管理成为提升生产效率和实现智能制造的关键环节。为了简化开发流程、提高系统的灵活性与可维护性，StarRyEdgeFramework应运而生。该框架专注...
- [汇川PLC] 汇川IFA程序框架06-建立气缸控制FB块
-
前言：汇川的iFA要跟西门子对标啦，这可是新的选择！就在2月14日，汇川刚发布的iFA平台，一眼就能看出来是对标西门子的全集成自动化平台博途（TIAPortal）。这个平台能在同一个...
- 微软发布.NET 10首个预览版:JIT编译器再进化、跨平台开发更流畅
-
IT之家2月26日消息，微软.NET团队昨日（2月25日）发布博文，宣布推出.NET10首个预览版更新，重点改进.NETRuntime、SDK、libraries、C#、AS...
- 大模型部署革命:GGUF量化+vLLM推理的极致性能调优方案
-
本文较长，建议点赞收藏，以免遗失。更多AI大模型应用开发学习视频及资料，尽在官网-聚客AI学院大模型应用开发微调项目实践课程学习平台一、模型微调核心概念与技术演进1.1微调的本质与优势数学表达：1....
- 拓扑学到底在研究什么?（拓扑学到底在研究什么问题）
-
拓扑是“不量尺寸的几何学”，那么它的核心内容，主要方法是什么？如果你问罗巴切夫斯基，他会说“附贴性是物体的一个特殊的属性。如果我们把这个性质掌握，而把物体其他的一切属性，不问是本质的或偶然出现的，均不...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- Python+ Appium:Android手机连接与操作详解(附源码)
- 全平台开源即时通讯IM框架MobileIMSDK开发指南，支持鸿蒙NEXT
- 移动开发(一):使用.NET MAUI开发第一个安卓APP
- 在安卓系统上开发一款软件详细的流程
- ArkUI-X在Android上使用Fragment开发指南
- Web3开发者必须要知道的6个框架与开发工具
- Python开发web指南之创建你的RESTful APP
- python的web开发框架有哪些（python主流web框架）
- Qwik:革新Web开发的新框架（webview开源框架）
- Python中Web开发框架有哪些?（python主流web框架）
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (56)
- shiro框架 (61)
- 定时任务框架 (56)
- java日志框架 (61)
- JAVA集合框架 (47)
- grpc框架 (55)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)