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
})
}
})
效果截图: