小程序云函数-1-实现a+b简单功能扩展

1.申请appid 创建普通小程序项目

2.配置：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/functions/getting-started.html

1）protject.config.json->添加配置 "cloudfunctionRoot":"cloud_dir/"

2）在项目处新建同名文件夹（cloud_dir）

3）创建云函数：在cloud_dir右键 新建node.js云函数并写入事例代码

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

 return{

   sum: event.a + event.b

 }

}

在云函数index.js内，完成后记得右键上传并部署选择带括号那个

3.wxml页面代码

<view class="stylea">

<block>

  <text>a</text>

  <input bindinput ="getInputValue_a" name="a" type="number"></input>

 </block>

</view>

<view class="styleb">

  <block>

  <text>b</text>

  <input bindinput = "getInputValue_b" name ="b" type="number"></input>

  </block>

</view>

<button bindtap="sumab">计算a+b</button>

<view>a+b={{sum}}</view>

4.index目录下代码

//index.js

 

 

Page({

  

  data:{

    //求和变量

    sum: "",

    //第一个加数变量

    num1:'',

    //第二个加数变量

    num2:''

  },

  //获取用户输入的第一个加数

  getInputValue_a (e){

    this.num1 = Number(e.detail.value)

    console.log("num1 : "+this.num1)

  },

//第二个加数

  getInputValue_b (e){

    this.num2 = Number(e.detail.value)

    console.log("num2 : "+this.num2)

  },

 //调用云函数

  sumab(){

  //作用域提权

    var that =this

  //初始化云函数

    wx.cloud.init({

      env:"cdc-6mi1a"

    })

    wx.cloud.callFunction({

      // 云函数名称

      name: 'add',

      // 传给云函数的参数

      data: {

        a: that.num1 ,

        b: that.num2

        

      },

      success: function(res) {

        console.log(res.result.sum) // 3 打印测试结果用

        that.setData({sum:res.result.sum})

        

      },

      fail: console.error

    })

  }

  

})

效果截图：