1 首先创建getPhone的云函数

//getPhone/index.js

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

// 初始化 cloud

cloud.init({

  // API 调用都保持和云函数当前所在环境一致

  env: cloud.DYNAMIC_CURRENT_ENV

})

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

  const res=await cloud.getOpenData({

    list:[event.cloudID]

  })

  return res

}

2 在Button上添加 open_type 和 ongetphonenumber 属性

<Button openType='getPhoneNumber' onGetPhoneNumber={this.getPhoneNumber} >点击获取手机号</Button>

3 调用云函数

getPhoneNumber = (e) => {
    console.log('点击获取手机事件', e.detail.cloudID);
    Taro.cloud.callFunction({
      name: "getPhone",
      data: {
        cloudID: e.detail.cloudID
        // weRunData
      },
    }).then(res => {
      console.log(res);
      console.log(res.result.list[0].data.phoneNumber);
      this.setState({
        context: res.result.list[0].data.phoneNumber
      })
    })
  }

这样基本就大功告成了！
不过，用云开发时还有几个点需要注意一下
1.开发之前，需要在app.js中初始化配置

componentDidMount () {
    if (process.env.TARO_ENV === 'weapp') {
      Taro.cloud.init({
        env: '云开发环境id',//可以在云开发后台拿到
        traceUser:'true'//是否在将用户访问记录到用户管理中，在控制台中可见
      })
    }
  }

2.不要忘记配置云函数的name //package.jsonpackage.json
3.云函数写好后要右击当前文件夹，选择创建并部署，这样就可以调用云函数了
4.注意云函数文件夹cloud/functions 后面有没有当前环境的字样，如果没有，云开发没有生效
5.当前云函数如果生效，在微信开发者工具里面当前文件夹是高亮的，下面有个小图标。