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