微信小程序----手机号授权操作

实现功能：通过点击授权按钮手机号会自动加载到对应的文本框中

下面以预约记录的模块来展示：

后端代码

手机号授权的操作步骤都是一样的可以直接复制

public string GetPhone(string code,
    string encryptedData, string iv, int userid)
{
    try
    {
        ConfigInfo info = ConfigInfo.GetConfig();
        string url = string.Format($"https://api.weixin.qq.com/sns/jscode2session?appid={info.AppID}&secret={info.AppSecret}&js_code={code}&grant_type=authorization_code");
        string str = NetHelper.Get(url);
        if (str.Contains("invalid code"))
            throw new Exception("code失效");
 
        JObject jobj = JObject.Parse(str);
        string sessionKey = jobj.SelectToken("session_key").ToString();
        if (string.IsNullOrEmpty(sessionKey))
            throw new Exception("获取session_key失败");
        AESHelper.AesIV = iv;
        AESHelper.AesKey = sessionKey;
 
        string result = AESHelper.AESDecrypt(encryptedData);
        //解析修改会员的手机号
        JObject json = JObject.Parse(result);
        //string pureNumber = json.SelectToken("purePhoneNumber").ToString();
        return result;
    }
    catch (Exception ex)
    {
        return "授权失败：" + ex.Message;
    }
}

html

在button按钮中加入ope-type

1	`<button style="width:50px;"` `open-type="getPhoneNumber"` `bindgetphonenumber="getNumberClick"` `>授权</button>`

js

在data中设置数据

调用button定义的按钮设置手机号操作，线条中的内容是为为例把数值提交到表单写的

//获取手机号
getNumberClick(e) {
    var _this = this;
    var userInfo = _this.data.info;
    e.detail.code = _this.data.mcode;
    account.getPhone(e, res => {
        // 存储手机号
        var uform = {}
        if (res.indexOf('授权失败') != -1 || res == null) {
            wx.showToast({
                title: '授权失败',
            })
        } else {
            res = JSON.parse(res);
            uform.mobile = res.phoneNumber;
            // console.info(uform.mobile)
            _this.setData({
                'form.mobile':uform.mobile
            })
        }
        wx.setStorageSync('phone', res.phoneNumber);
    })
},