【无标题】小程序调用云函数计算两个数的和，结果显示在手机页面上

一、建立云函数，步骤如下图所示：

代码如下：

// 云函数入口文件

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

cloud.init()

// 云函数入口函数

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

  return event.x+event.y

}

然后，上传并部署，如下图所示

二、小程序端调用云函数

wxml代码

<input placeholder="第1个" bindblur="getX"/>

<input placeholder="第2个" bindblur="getY"/>

<button bindtap="dy">调用云函数</button>

<text>结果是：{{resu}}</text>

效果如下图：

 

js代码

// pages/index/index.js

let xxx=''

let yyy=''

Page({

  /**

   * 页面的初始数据

   */

  data: {

    resu:''

  },

  getX:function(e){

      xxx=Number(e.detail.value)

  },

  getY:function(e){

    yyy=Number(e.detail.value)

},

dy:function(){

  wx.cloud.callFunction({

    name:"f1",

    data:{

      x:xxx,

      y:yyy

    },

    success:(res)=>{

      console.log(res.result)

      this.setData(

        {

          resu:res.result

        }

      )

    }

  })

}

})

测试结果如下图

结束