用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 实战教程 查看内容

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

Rolan 2019-5-10 00:09

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

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

招募系统会提供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和后台可能都不用搭建就可以直接上了,可惜已经都写好就不折腾了。 最后看看大致的效果图。

鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: melor 来自: 掘金