今天看到微信推送了一條小程序云上線通知，作為一個前端er，滿懷期待的去看了看，很不錯先看看文檔上怎么說的：

開發者可以使用云開發開發微信小程序、小游戲，無需搭建服務器，即可使用云端能力。

云開發為開發者提供完整的云端支持，弱化后端和運維概念，無需搭建服務器，使用平臺提供的 API 進行核心業務開發，即可實現快速上線和迭代，同時這一能力，同開發者已經使用的云服務相互兼容，并不互斥。（就是說以后老板讓你做小程序，連個后臺的人都不用給你配了，自己搞定就行了）。

目前提供三大基礎能力支持：

• 云函數：在云端運行的代碼，微信私有協議天然鑒權，開發者只需編寫自身業務邏輯代碼
• 數據庫：一個既可在小程序前端操作，也能在云函數中讀寫的 JSON 數據庫
• 存儲：在小程序前端直接上傳/下載云端文件，在云開發控制臺可視化管理

說白了就是，云函數就是后端代碼，現在叫云函數，自己寫，自己上傳，數據庫沒什么好說的，就是數據庫，不過這個數據庫是json數據庫，很方便，怎么個方便法呢，看下圖:

傳統數據庫以mysql為例子：

看到int..這么多類型是不是很煩躁，取的時候再合并多個表也很麻煩

小程序云json數據庫：

看到這些類型是不是很親切，大大降低了新手對數據庫理解，不用學黑窗口，sql命令，還可以導入josn數據，很是方便。

現在走一遍流程：

1、創建帶小程序云模板的小程序：

----新建一個空的文件夾，填入你的appId（必須），官方說 ：勾選創建 “云開發 QuickStart 項目”，實際上是"建立云開發快速啟動模板"，有點坑哦，同學要注意，點擊確定 ==>

2.看到這么多是不是有點方  - -!,看到多了一個東西，點擊創建自己的環境，，具體就是寫個名字，創個一個環境，官方上說是最好創建倆個環境，一個是開發環境，一個是線上環境。

不做贅述，都是免費的

看這配置給的也挺良心，一般人真的不用升級配置 ==>

3.選擇環境，環境創建好了，不過還沒有使用上

對第一個文件夾點右鍵，選擇你要使用的環境，下面則是你的云函數，就是跑在服務器上的。

對login文件夾點右鍵，選擇上傳并部署，ps：不上傳部署怎么使用呀，所以沒毛病。==>

4.先別急上傳個login是怎么使用的，我們先去看點擊獲取openid是事件，發現，這里只有個name對應上上傳的云函數事件名，而云函數直接就返回了openid，看看云函數是怎么實現的

wx.cloud.callFunction({ name: 'login', data: {}, success: res => { console.log('[云函數] [login] user openid: ', res.result.openid) app.globalData.openid = res.result.openid wx.navigateTo({  url: '../userConsole/userConsole', }) }, fail: err => { console.error('[云函數] [login] 調用失敗', err) wx.navigateTo({  url: '../deployFunctions/deployFunctions', }) }})

// 云函數模板// 部署：在 cloud-functions/login 文件夾右擊選擇 “上傳并部署” /** * 這個示例將經自動鑒權過的小程序用戶 openid 返回給小程序端 *  * event 參數包含 * - 小程序端調用傳入的 data * - 經過微信鑒權直接可信的用戶唯一標識 openid  *  */exports.main = (event, context) => { console.log(event) console.log(context)  // 可執行其他自定義邏輯 // console.log 的內容可以在云開發云函數調用日志查看  return { openid: event.userInfo.openId, }}

云函數里，直接就能拿到用戶的openid和appid并返回，所以在前端上拿到了openid，真的是很方便。==>

5.關于數據庫，數據庫那邊每一個表都有權限設置，好好看一下。

創建很簡單，讀取也很簡單，很像slq語句。

先創建一個db對象，然后直接走collection('表名字').where({條件}).get().then(res=>{}) ，我這里使用的是Promise風格，當然也可以使用回調的方式，就可以把表里的數據都取出來在頁面上展示了。

const db = wx.cloud.database(); db.collection('todos').where({ _id: 'W5c0IDWesyZkco4t' }).get().then(res => { this.setData({ dataList: res.data }) })

更多api還是得看接口

感覺還可以繼續完善，使用起來感覺很好，把一切變的簡單。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。