记一次心血来潮的小程序开发

前言：最近新出了一款游戏叫做明日方舟，其中有个系统是招募干员，于是乎就想做一个提供招募参考的小程序应用。开撸。

招募系统会提供5个tag(标签)让你选择最多三个，然后根据选择的tag数量和时间判断消耗的系统的龙门币（游戏中最稀缺的一种资源，笑）

然后要做到参考，最简单的一种实现是提供系统所有tag然后自己选出5个生成一个包含5个tag所有可能组合出来的干员列表再自己根据情况选择组合的tag。 以上就是这个需求的基本内容。

1 准备

1 获取所有干员的标签数据。利用爬虫从网站上爬取。使用 mysql 存储。 2 设计一套api接口提供小程序查询，小程序使用的接口都需要https。利用express+docker+nginx搭一套后台。 3 小程序本身。打算利用之前比较火的taro实践下。

2 数据爬取

通过百度找到一个看起来数据够用的网站 根据页面内容，分析出在这个列表页可以直接获取所有详情页，然后利用Puppeteer爬了数据到mysql。

2.1 Puppeteer爬虫分析

打开控制台，查看页面结构

发现页面所有数据都写在页面里了，没有走接口，爬页面就可以了 然后详情页通过同样的方法即可获取到数据。

2.2 数据模型建立

这里就根据实际情况建立模型就好了

简单的定义模型方便记录，细心的朋友可能会讲，性别，类型这种是不是定义成数字类型然后加个字典会更好啊？嗯，这点其实开始的时候我也是这么想的，但考虑到后面数据处理起来的繁琐步骤，就免了，没必要设计太复杂。

3 后台搭建

通过开发工具express-generator搭建一个简易框架，然后再开发两个简单接口，一个查询所有标签，一个根据提供标签返回组合数据 然后到 docker 部分，利用docker-compose把项目部署到nginx上，由于之前已经申请过域名，直接使用域名就ok了。https的证书在阿里云上直接申请免费版。

3.1 后台开发过程

基于技术选型，这里只要routes就好，配合mysql和一些业务逻辑，基本就没什么好说了。 这部分考虑到我是小前端，就不贴图让大家见笑了。

4 小程序开发

taro还是很好上手的，根据文档直接搭框架，根据需求开发就好了。

4.1 taro使用体验

初见感觉很不错，用起来也挺爽的。但是，问题来了，看似很全的文档很多坑，例如：CheckBox的组件这个常用组件只提供的api中onchange不背小程序支持。那么如果要用怎么办？只能自己写或者换实现了。最后选择自己搞个组件实现类似功能了。

4.2 发布小程序

小程序开发 工具 中上传，登录网页后台提交审核，等审核过了就可以体验了。

5 总结

5月7号晚上8点开始有想法然后动手，到现在提交审核后静下心写下记录全程48小时不到（当然有正常作息），感觉效率还算不错。 你问我不用上班吗？哦，最近在等入职，之前在看springboot相关的内容，所以时间还是蛮充裕的。以及在开发完发现小程序现在提供数据库支持了，自己连mysql和后台可能都不用搭建就可以直接上了，可惜已经都写好就不折腾了。 最后看看大致的效果图。