本文作者：愚坤

前言

剛剛提交的小程序審核通過了，把筆記發出來。前一段看到朋友圈里總是有人用txt記錄體重，就特別想寫一個記錄體重的小程序， 現在小程序的云開發有云函數、數據庫，真的挺好用，很適合個人開發者，服務器域名什么都不用管，云開發讓你完全不用操心這些東西。

先看看頁面效果圖吧：

本文分享的幾點內容：

全局變量 globalDatanpm 的使用云函數數據庫操作async 的使用分享的配置antV使用tabBar地址跳轉切換頁面刷新

1. 全局變量 globalData

首次進入后，要存儲openId給其他頁面使用，使用globalData共享。

2. npm 的使用

進入小程序源碼 miniprogram 目錄，創建 package.json 文件（使用 npm init 一路回車）npm i --save 我們要安裝的 npm 包設置微信開發者工具 構建 npmpackage.json 增加 " miniprogram " : " dist "打包目錄字段，如果不設置的話上傳和預覽不成功，提示文件包過大。

設置微信開發者工具：

構建 npm ：

最后，務必添加 miniprogram 字段

3. 云函數

官方解釋云函數即在云端（服務器端）運行的函數，服務端是node.js，都是JavaScript。官方有數據庫的操作，但是更新的操作強制要求使用云函數, 另外，如果云函數中使用了npm包，記得在所在云函數文件夾右鍵上傳并部署，不然運行失敗。

上一個例子，更新體重的云函數：

小程序端調用：

4. 數據庫操作

其實是接入的MongoDB，封裝了一部分api出來，詳細的可參考小程序（如下圖），有區分服務端和小程序段。

5. async 的使用

官方文檔提示不支持async，需要引入regeneratorRuntime這個包，先npm i regenerator。然后把node_modules文件夾下的regenerator-runtime的runtime-module.js和runtime.js兩個文件拷貝到lib目錄下，在頁面上引入即可。

6. 分享的配置

分享很簡單，有區分右上角的直接分享和點擊按鈕分享。

分享后，他人點擊頁面，跳轉到對應pages地址，從onLoad的options中拿入參請求數即可。

7. antV使用

上邊第二小節有提到antV的安裝，就不再贅述，直接說一下再頁面中引用。

說下使用，需要設置一個全局變量儲存圖表的實例，然后在鉤子函數內容使用changeData方法修改數據。

index.json中引入包名：

8. tabBar地址跳轉

如果要跳轉的地址不在app.json的tabBar內可以使用wx.navigateTo，如果還跳不過去，要使用wx.switchTab方法跳轉。

9. 切換頁面刷新

切換幾個tabBar的時候，需要刷新數據。在onShow方法中再調用一下onLoad方法就可以了。

感受

很適合個人開發者，想開發一個小程序，除了時間，完全沒有其他費用。報錯提示不友好，有時候不執行不報錯，只能一行一行debug。審核超快，幾個小時就審核通過了。lodash不支持，據說要修改點東西，就沒鼓搗。git也配置上了，真的是方便，再感嘆一下，不過語法部分還需完善。

源碼分享

本文及更多云開發實戰案例可以點擊文末左下角【了解更多】獲取源碼。