花了兩個週末開發一個小程式，下面是整個過程的記錄。

準備

引用自某大佬言論：

網際網路的本質應該是抄襲！先抄襲一切你覺得好的東西，基於抄再創新。抄需要你儘可能多的研究對手，將一半時間放在抄對手上面，天天抄，孜孜不倦的抄，，對手有什麼就抄什麼！抄就是網際網路的基因！因為網際網路時代就最簡單、最省事！

所以當我準備開發小程式時，首先想到的是我抄誰呢？
百度到一個精品文章閱讀網站：每日一文，同時在小程式搜尋同名應用，剛好也有小程式版本，整個網站的功能十分簡單、內容趕緊利索，實現並不複雜，因此開始了抄襲之類。

Step1 資料獲取-4小時

正所謂兵馬未動糧草先行，要做一個應用出來沒有內容是萬萬不行，於是寫了個爬蟲抓取每日一文

爬蟲獲取的內容會存入資料，需要初始化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