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：小程序源码

总结

零零散散，总共大约花了24小时开发一个简单漂亮的阅读小程序+web界面 全部源码已在GitHub开源，Follow me