本專案是乙個基於雲開發的小程式。
本文選取專案中的乙個頁面 --歷史上的今天來做乙個雲開發的分享，會涉及雲函式和雲資料庫。
由於是實戰專案，關於小程式的基礎知識請移步官方文件，本文不再贅述。
專案位址
專案預覽
微信搜尋：口袋工具y
掃一掃：
前期遇到的問題
資料**： 沒有資料，寸步難行呀
如何解決資料**
編寫爬蟲將需要的資料爬取並儲存下來
找一些提供資料的平台，如阿凡達資料、聚合資料等等。
由於本人偷懶，所以選擇第二種方式，並最終選擇了聚合資料平台api。
專案開始
新建專案
新建專案，配置好名稱、目錄、appid等資訊，後端服務選擇小程式·雲開發，點選新建。
關於appid: 請自行修改為你註冊的小程式appid。
點選新建即可完成專案初始化，得到乙個雲開發模板：
目錄結構：
+-- cloudfunctions|[指定的環境] // 存放雲函式的目錄
+-- miniprogram // 小程式**編寫目錄
|-- readme.md // 專案描述檔案
|-- project.config.json // 專案配置檔案
複製**
新建雲開發環境
點選左上角選單項雲開發
點選建立資源環境，環境名稱及環境id請自行設定：
點選確定即可完成建立
編寫雲函式
1. 新建雲函式
在目錄cloudfunctions上右鍵
新建雲函式，填入新建雲函式的名稱(如todayinhistory)
回車或失去焦點即會自動建立並上傳。
2. 安裝依賴
雲函式目前執行環境僅支援node，所以需要使用js來編寫雲函式的邏輯。 在控制台中進入該雲函式的目錄，執行
npm i -s axios
複製**
本專案使用axios來執行請求的傳送，可以使用其他如request-promise等等的庫來替換
3. 編寫雲函式
新建config.js檔案，新增**如下：
exports.key = your_juhe_key // 在聚合資料平台申請的key
exports.baseurl = ''
複製**
開啟index.js檔案，編寫**：
// 雲函式入口檔案
const cloud = require('wx-server-sdk')
const axios = require('axios')
cloud.init()
const db = cloud.database()
// 聚合資料
const = require('./config')
// 雲函式入口函式
exports.main = async(event, context) => = event
const resp = await axios.get(baseurl, /$`
}).then(res => }年}月}日}}
複製**
3. 編寫index.js
// pages/today-in-history/index.js
page( = this.data;
wx.cloud.callfunction().then(res => = event
const ret = await db.collection('todayinhistory').where(/$`
}).get()
if (ret.data.length > 0) /$`
}).then(res => /$`,
result: resp.result
return resp.result
複製**
以上即為 歷史上的今天 頁面的資料獲取及展示，其他頁面使用到雲開發的模式基本大同小異。
結語目前只開發了兩個小功能歷史上的今天和周公解夢，後續會繼續開發新的功能，希望可以做成乙個小工具集合，這也是口袋工具這個名稱的由來。
如果你喜歡這篇文章或是這個專案，不妨進去點個star支援下today。
讚賞
IT薪水發展史
1k 兄弟別做it了，不論你是什麼公司，國營的做it就是配角，那位兄弟願意一輩子做配角，非國營的嗎，看看做什麼別的合適，it不好混，趁早離開 1k 3k 初級階段，一般是剛進公司的，肯定非常缺錢，這時候動力足，也有時間，沒有男 女朋友拖累,象公司內部5k 6k的高手學習。什麼，沒有，什麼爛公司，你也...
記憶體發展史
記憶體 容量 指標 時期出現原因 simm記憶體 30pin 256kb 1982年至今 軟體程式和新一代80286硬體平台的出現 simm記憶體 72pin 512kb 2mb 1988 1990 pc迎來386和486時代，cpu向16bit發展 edo dram 4 16mb 電壓 5v 頻寬...
前端發展史
不知道什麼時候開始，前端開發已經到了不開乙個 watcher 就無法工作的地步了。不依賴 gulp babel webpack，還能優雅地寫 嗎？那我就帶你來回顧一下這一切是怎麼發生的。從哪開始說好呢？我們就從 前端打包 開始吧。前端打包 很久以前 也就五年左右吧，但是五年前端已經大變樣了 頁面的 ...