欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

小程序開發(fā)之云函數(shù)的使用教程詳解

 更新時間：2022年03月24日 08:53:58   作者：別團等shy哥發(fā)育  
云函數(shù)是部署在云端的函數(shù)，他和小程序本地的函數(shù)存在很大的區(qū)別。本文將通過示例詳細為大家介紹如何在小程序開發(fā)中使用云函數(shù)，需要的可以參考一下

1、云函數(shù)

云函數(shù)是部署在云端的函數(shù)，他和小程序本地的函數(shù)存在很大的區(qū)別，云函數(shù)應(yīng)用涉及云端云函數(shù)定義和本地引用云端云函數(shù)的API接口兩個問題。

1.1 云函數(shù)API和云函數(shù)創(chuàng)建

1.1.1 小程序云函數(shù)API接口

小程序云函數(shù)API接口是指小程序調(diào)用云端函數(shù)的接口，(和wx.request()類似)。小程序提供了wx.cloud.callFunction()接口作為云函數(shù)API接口，它的屬性如表所示。

屬性類型默認值必填說明
namestring 是云函數(shù)名
dataObject 否傳遞給云函數(shù)的參數(shù)，在云函數(shù)中可通過 event 參數(shù)獲取
configObject 否配置
successFunction 否返回云函數(shù)調(diào)用的返回結(jié)果
failFunction 否接口調(diào)用失敗的回調(diào)函數(shù)
completeFunction 否接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)

官網(wǎng)示例代碼：

假設(shè)已有一個云函數(shù) add：

exports.add = async (event, context, cb) => {
  return event.x + event.y
}

在小程序端發(fā)起對云函數(shù) add 的調(diào)用：

wx.cloud.callFunction({
  // 要調(diào)用的云函數(shù)名稱
  name: 'add',
  // 傳遞給云函數(shù)的event參數(shù)
  data: {
    x: 1,
    y: 2,
  }
}).then(res => {
  // output: res.result === 3
}).catch(err => {
  // handle error
})

1.1.2 云函數(shù)的創(chuàng)建

創(chuàng)建云函數(shù)的方法是右擊項目中的cloudfunctions文件夾，如下圖所示，選擇“新建Node.js云函數(shù)”選項，開發(fā)者工具會自動生成一個文件夾，在文本框中輸入的文件夾即是云函數(shù)名。

創(chuàng)建好之后的界面：

在創(chuàng)建好云函數(shù)之后，即可根據(jù)自己的需要在main函數(shù)中編寫自己的代碼。使用回車結(jié)束云函數(shù)的創(chuàng)建還有一個好處是可以不用上傳和部署云函數(shù)，系統(tǒng)會自動上傳和部署函數(shù)到云端，即云函數(shù)對應(yīng)的文件夾圖標(biāo)會自動變成云朵摸樣。

2、云函數(shù)案例

本例分別采用云函數(shù)和本地函數(shù)實現(xiàn)加法操作和劍法操作，請對比區(qū)別。

firstcloudfunction.wxml:

<view class="data"><input placeholder="請輸入a" focus="true" bindinput="binda"></input></view>
<view class="data"><input placeholder="請輸入b" focus="true" bindinput="bindb"></input></view>
<view class="partition"></view>
<view class="arithmetic"><view bindtap='add'><button size="mini" class='bt' >+</button></view><view>{{add}}</view></view>
<view class="arithmetic"><view  bindtap='sub'><button size="mini" class='bt' >-</button></view><view>{{sub}}</view></view>

firstcloudfunction.js:

const app = getApp()
Page({
  data: {
    a:1,
    b:1,
   add:'',
   sub:''
  },

  onLoad: function() {
    
  },

binda:function(e){
 this.setData({
   a: e.detail.value
 })
    console.log(e.detail.value)
  },

  bindb: function (e) {
    this.setData({
      b: e.detail.value
    })
    console.log(e.detail.value)
  },

  add:function(e){
    var that=this;
    wx.cloud.callFunction({
      // 云函數(shù)名稱
      name: 'add',
      // 傳給云函數(shù)的參數(shù)
      data: {
        a: that.data.a,
        b: that.data.b,
      },
      success: function (res) {
        console.log(res.result.add) 
        var c = res.result.add
        that.setData({
          add: "a+b=" + c
        })
      },
      fail: console.error
    })
  },

  sub: function (e) {
    var c = Number(this.data.a) - Number(this.data.b)
    console.log(c)
    this.setData({
      sub: "a-b=" + c
    })
  }
})

代碼講解：binda和bindb兩個點擊函數(shù)從firstcloudfunction.wxml文件中獲取用戶輸入的兩個操作數(shù)a和b,減法函數(shù)sub是普通的本地JavaScript函數(shù)，而加法函數(shù)add則采用了wx.cloud.callFunction()接口調(diào)用云函數(shù)add。本例重點是云函數(shù)的創(chuàng)建和部署。

云函數(shù)add/index.js的代碼如下：

exports.main = async (event, context) => {
return{add:Number(event.a)+Number(event.b)}
}

實現(xiàn)效果：

以上就是小程序開發(fā)之云函數(shù)的使用教程詳解的詳細內(nèi)容，更多關(guān)于小程序云函數(shù)的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論