微信小程序云開發(fā)學習筆記(二)云函數(shù)

# 一、創(chuàng)建一個云開發(fā)的小程序

## 1. 如下圖所示創(chuàng)建小程序

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818084851626.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

## 2. 刪除無關(guān)文件

刪除前:

![在這里插入圖片描述](https://img-blog.csdnimg.cn/2020081808502252.png#pic_center)

刪除后:

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818085156316.png#pic_center)

## 3. 刪除無關(guān)代碼

`index.wxml` `index.wxss` 內(nèi)的代碼全部清空,`index.js`保留如下:

```index.js

Page({

})

```

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818085442731.png#pic_center)

`app.json`刪除無關(guān)代碼导梆,如下:

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818085748146.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

## 4. 配置云函數(shù)存儲目錄

在`project.config.json`中新增如下代碼

```

"cloudfunctionRoot":"cloud",

```

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818085851769.png#pic_center)

在根目錄下創(chuàng)建同名文件夾,發(fā)現(xiàn)其有云朵標識

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818085949202.png#pic_center)

## 5. 云開發(fā)環(huán)境初始化

點擊云開發(fā)—>設置,復制你的環(huán)境ID

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818090314311.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

在`app.js`中址芯,刪除所有代碼北专,并新增如下:

```

App({

? onLaunch: function () {

? ? wx.cloud.init({

? ? ? env:"cloud-learning-i44qm"http://你的環(huán)境ID

? ? })

? }

})

```

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818092006170.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

## 6. 創(chuàng)建并上傳一個云函數(shù)

我們以最簡單的求和函數(shù)為例

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818092045766.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

輸入`add`并回車

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818092133669.png#pic_center)

在上圖的`index.js`中改變代碼如下:

```

// 云函數(shù)入口文件

const cloud = require('wx-server-sdk')

cloud.init()

// 云函數(shù)入口函數(shù)

exports.main = async (event, context) => {

? let a = event.a;

? let b = event.b;

? return a+b;

}

```

寫完代碼后,記得 Ctrl+s 保存,然后點擊如下圖所示:

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818092500381.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

出現(xiàn)下圖场航,則上傳成功![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818092523660.png#pic_center)

## 7. 使用云函數(shù)

以下皆在page下的index頁面操作

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818093124592.png#pic_center)

`index.wxml`中

```

<button bindtap="getSum">云函數(shù)的求和運算</button>

```

`index.js`中

```

Page({

? getSum() {

? ? wx.cloud.callFunction({

? ? ? name:"add",

? ? ? data:{

? ? ? ? a:5,

? ? ? ? b:6

? ? ? },

? ? ? success(res){

? ? ? ? console.log("請求成功!", res)

? ? ? },

? ? ? fail(res){

? ? ? ? console.log("請求失斔柘鳌立膛!",res)

? ? ? }

? ? })

? }

})

```

8. 測試云函數(shù)調(diào)用是否成功

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818093350787.png#pic_center)

## 8. 進階測試

`index.wxml`中

```

<input bindinput="handleInput1" placeholder="數(shù)字1"></input>

<input bindinput="handleInput2" placeholder="數(shù)字2"></input>

<button bindtap="getSum">云函數(shù)的求和運算</button>

```

`index.js`中

```

let a = 0

let b = 0

Page({

? handleInput1(event) {

? ? //console.log(event.detail.value)

? ? a = event.detail.value

? },

? handleInput2(event) {

? ? //console.log(event.detail.value)

? ? b = event.detail.value

? },

? getSum() {

? ? wx.cloud.callFunction({

? ? ? name: "add",

? ? ? data: {

? ? ? ? a: a - '',

? ? ? ? b: b - ''

? ? ? },

? ? ? success(res) {

? ? ? ? console.log("請求成功忍些!", res)

? ? ? },

? ? ? fail(res) {

? ? ? ? console.log("請求失敯瞻印嘁酿!", res)

? ? ? }

? ? })

? }

})

```

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818094114663.png#pic_center)

![在這里插入圖片描述](https://img-blog.csdnimg.cn/2020081809405454.png#pic_center)

# 二、使用云函數(shù)獲取用戶openid

## 1. 創(chuàng)建一個新的頁面`getopenid`

如下圖:

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818095349654.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

## 2. 創(chuàng)建云函數(shù)`getopenid`

里面的代碼不用改動牲迫,使用默認的就可以

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818095617698.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

## 3. `getopenid.wxml`

```

<button bindtap="getopenid">getopenid</button>

```

## 4. `getopenid.js`

```

Page({

? onLoad(){

? ? wx.cloud.callFunction({

? ? ? name:"getopenid",

? ? ? data:{

? ? ? },

? ? ? success(res) {

? ? ? ? console.log("獲取openid成功盹憎!", res)

? ? ? ? console.log("openid是:", res.result.openid)

? ? ? },

? ? ? fail(res) {

? ? ? ? console.log("獲取openid失敗檩禾!", res)

? ? ? }

? ? })

? }

})

```

## 5. 測試

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818095738693.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

# 二、通過云數(shù)據(jù)庫API獲取云數(shù)據(jù)庫數(shù)據(jù)

## 1. 新建測試數(shù)據(jù)

在云數(shù)據(jù)庫中隨便新建幾條數(shù)據(jù)![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818101955175.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

## 2. 新建測試頁面

新建頁面`cloudfunctionVSdatabaseAPI`

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818101632569.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

## 3. 創(chuàng)建測試按鍵

`cloudfunctionVSdatabaseAPI.wxml`中

```

<button bindtap="shujuku">數(shù)據(jù)庫API獲取數(shù)據(jù)</button>

```

`cloudfunctionVSdatabaseAPI.js`中

```

Page({

? shujuku(){

? ? wx.cloud.database().collection("pk").get({

? ? ? success(res) {

? ? ? ? console.log("數(shù)據(jù)庫API獲取數(shù)據(jù)成功!", res)

? ? ? },

? ? ? fail(res) {

? ? ? ? console.log("數(shù)據(jù)庫API獲取數(shù)據(jù)失旘谙睢紧卒!", res)

? ? ? }

? ? })

? }

})

```

## 4. 測試

點擊按鍵`數(shù)據(jù)庫API獲取數(shù)據(jù)`诗祸,發(fā)現(xiàn)控制臺如下輸出:

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818103343412.png#pic_center)

此時直颅,我們發(fā)現(xiàn)數(shù)據(jù)庫中明明有數(shù)據(jù)但通過數(shù)據(jù)庫API獲取不到,為什么呢功偿?

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818103445206.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

原因是權(quán)限不夠,如果我們更新權(quán)限共耍,讓所有用戶都可以獲取吨瞎,會怎么樣呢?

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818103554484.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818103609591.png#pic_center)

## 5. 結(jié)論

可以看到颤诀,我們現(xiàn)在獲取到了想要的數(shù)據(jù)对湃,我們也發(fā)現(xiàn)了通過數(shù)據(jù)庫API獲取數(shù)據(jù)的局限性熟尉。

# 三斤儿、通過云函數(shù)獲取云數(shù)據(jù)庫數(shù)據(jù)

## 1. 云數(shù)據(jù)庫就可以直接獲取數(shù)據(jù)庫里的數(shù)據(jù)恐锦,為什么這么做?

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818100024885.png#pic_center)

## 2. 說明

本例延續(xù)上例中的`cloudfunctionVSdatabaseAPI`頁面

## 3. 創(chuàng)建云函數(shù)

利用上述方法創(chuàng)建云函數(shù)`cloudfunctionVSdatabaseAPI`

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818104300955.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

云函數(shù)`cloudfunctionVSdatabaseAPI.js`中的代碼:

```

// 云函數(shù)入口文件

const cloud = require('wx-server-sdk')

cloud.init()

// 云函數(shù)入口函數(shù)

exports.main = async (event, context) => {

? return cloud.database().collection("pk").get();

}

```

記得上傳并部署陕贮,注意這里沒有`wx.`

云函數(shù)調(diào)用:`cloud.database().collection("pk").get();`

本地調(diào)用:`wx.cloud.database().collection("pk").get();`

## 4. 創(chuàng)建測試按鍵

`cloudfunctionVSdatabaseAPI.wxml`中

```

<button bindtap="shujuku">數(shù)據(jù)庫API獲取數(shù)據(jù)</button>

<button bindtap="yunhanshu">云函數(shù)獲取數(shù)據(jù)</button>

```

`cloudfunctionVSdatabaseAPI.js`中

```

Page({

? shujuku(){

? ? wx.cloud.database().collection("pk").get({

? ? ? success(res) {

? ? ? ? console.log("數(shù)據(jù)庫API獲取數(shù)據(jù)成功潘飘!", res)

? ? ? },

? ? ? fail(res) {

? ? ? ? console.log("數(shù)據(jù)庫API獲取數(shù)據(jù)失敗卜录!", res)

? ? ? }

? ? })

? },

? yunhanshu(){

? ? wx.cloud.callFunction({

? ? ? name:"cloudfunctionVSdatabaseAPI",

? ? ? success(res) {

? ? ? ? console.log("云函數(shù)獲取數(shù)據(jù)成功艰毒!", res)

? ? ? },

? ? ? fail(res) {

? ? ? ? console.log("云函數(shù)獲取數(shù)據(jù)失敗丑瞧!", res)

? ? ? }

? ? })

? }

})

```

## 5. 測試

首先更改云數(shù)據(jù)庫的權(quán)限為僅創(chuàng)建者可讀寫

![](https://img-blog.csdnimg.cn/20200818105244679.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

點擊兩個按鍵

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818105303589.png#pic_center)

控制臺輸出如下:同樣的,數(shù)據(jù)庫API不可以獲取到數(shù)據(jù)稽屏,而云函數(shù)可以

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818105333789.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

## 6. 注意事項

如果你的云開發(fā)有多套環(huán)境西乖,在初始化時應指明,如下:

在下圖文件中![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200818105730727.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BhbmRhMzI1,size_16,color_FFFFFF,t_70#pic_center)

```

// 云函數(shù)入口文件

const cloud = require('wx-server-sdk')

cloud.init({

? env: "cloud-learning-i44qm"

})

// 云函數(shù)入口函數(shù)

exports.main = async (event, context) => {

? return cloud.database().collection("pk").get();

}

```

## 7. 云函數(shù)調(diào)用數(shù)據(jù)庫的應用

短信發(fā)送,郵件發(fā)送轿偎,復雜數(shù)據(jù)運算

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末坏晦,一起剝皮案震驚了整個濱河市嫁乘,隨后出現(xiàn)的幾起案子球碉,更是在濱河造成了極大的恐慌,老刑警劉巖睁冬,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件豆拨,死亡現(xiàn)場離奇詭異,居然都是意外死亡施禾,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進店門邮绿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來攀例,“玉大人,你說我怎么就攤上這事肛度。” “怎么了冠骄?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵加袋,是天一觀的道長。 經(jīng)常有香客問我扁誓,道長蚀之,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任足删,我火速辦了婚禮,結(jié)果婚禮上讶泰,老公的妹妹穿的比我還像新娘。我一直安慰自己痪署,他們只是感情好,可當我...
    茶點故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布余寥。 她就那樣靜靜地躺著辜王,像睡著了一般。 火紅的嫁衣襯著肌膚如雪肥缔。 梳的紋絲不亂的頭發(fā)上汹来,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天,我揣著相機與錄音收班,去河邊找鬼。 笑死社付,一個胖子當著我的面吹牛邻耕,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播兄世,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼御滩,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了削解?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤腕柜,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后媳握,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體磷脯,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡赵誓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了幻枉。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,569評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡熬甫,死狀恐怖蔓罚,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情郑象,我是刑警寧澤茬末,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站丽惭,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏正歼。R本人自食惡果不足惜拷橘,卻給世界環(huán)境...
    茶點故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望冗疮。 院中可真熱鬧,春花似錦另萤、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至铺厨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間解滓,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工邻辉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留逸邦,地道東北人。 一個月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓雷客,卻偏偏與公主長得像桥狡,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子裹芝,可洞房花燭夜當晚...
    茶點故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內(nèi)容