24小时开发一个小程序
花了两个周末开发一个小程序,下面是整个过程的记录。
准备
引用自某大佬言论:
互联网的本质应该是抄袭!先抄袭一切你觉得好的东西,基于抄再创新。抄需要你尽可能多的研究对手,将一半时间放在抄对手上面,天天抄,孜孜不倦的抄,,对手有什么就抄什么!抄就是互联网的基因!因为互联网时代就最简单、最省事!
所以当我准备开发小程序时,首先想到的是我抄谁呢?
百度到一个精品文章阅读网站:每日一文,同时在小程序搜索同名应用,刚好也有小程序版本,整个网站的功能十分简单、内容赶紧利索,实现并不复杂,因此开始了抄袭之类。
Step1 数据获取-4小时
正所谓兵马未动粮草先行,要做一个应用出来没有内容是万万不行,于是写了个爬虫抓取每日一文 的内容,爬虫框架是基于scrapy实现。
GitHub:内容爬虫
后面百度发现这个网站有对外公开的API,写一个简单的rest请求,即可抓取所有内容,所以最后通过60行代码,执行4分钟,成功获取了2500+优质文章
爬虫获取的内容会存入数据,需要初始化sql(见step2工程里的sql初始文件)
Step2 后端接口开发,4小时
基于springboot4.0+mybatis,轻松实现三个接口,分别是:
- 获得随机提供的文章
- 获得每日推荐文章
- 基于ID获取文章
GitHub:后端API
Step3 前段web开发,4小时
基于vue2.0+elementUI+axios,做了三个页面
- 首页获取推荐文章
- 随机页面获取随机文章
- 关于页面
GitHub:web前端
最后一个简约纯前端的页面就出来啦!
访问:值得读
Step4 小程序开发,12小时
-小程序开发需要配置SSL域名信息,阿里云
域名管理提供免费的SSL证书
去年300块买的阿里云服务器加域名终于派上用场了。
实现的功能有
- 下拉刷新
- 首次登陆弹窗提示
- 数据储存、提取
- 网络请求
- 转发、分享
- 了解更多页面跳转
- 客服功能
GitHub:小程序源码