小程序获取手机号码（直接上代码）

最新推荐文章于 2024-07-22 10:36:25 发布

web网页精选

最新推荐文章于 2024-07-22 10:36:25 发布

阅读量1.3k

点赞数

分类专栏：前端文章标签：小程序前端 javascript

本文链接：https://blog.csdn.net/qq_43770056/article/details/127628591

版权

前端专栏收录该内容

66 篇文章 3 订阅

订阅专栏

1.先写一个获取手机号码的按钮

<button open-type="getPhoneNumber" type="primary" @getphonenumber="onGetPhoneNumber">
     获取手机号码
</button>

// -------------获取手机号-----------------  
onGetPhoneNumber(e) {
    // console.log('获取手机号的信息', e.detail.code)
    var that = this;
    wx.login({
        success(res) {
            if (res.code) {
                // console.log('步骤2获检查用户登录状态，获取用户电话号码！', res)
                wx.request({
                    url: `https://demo.shipXXX.net/hy/jsdc/getPhoneNum`, //这里写自己的获取授权的服务器地址
                    method: "POST",
                    data: { "code": e.detail.code },
                    header: { 'content-type': 'application/json' },
                    success: function (res) {
                        // 这里获取到登录接口获取到的用户信息
                        let gerInfos = {
                            mobile: res.data.data.phoneNumber,
                            wechatid: JSON.parse(wx.getStorageSync("getInfo")).wechatid,
                            nickName: JSON.parse(wx.getStorageSync("getInfo")).nickName,
                            openId: that.openId
                        }
                        console.log('走登录接口', gerInfos);
                        wx.request({
                            url: `${that.$baseUrl}/hy/jsdc/grantAuth`,
                            method: "POST",
                            data: gerInfos,
                            header: { 'content-type': 'application/json' },
                            dataType: 'JSON',
                            responseType: 'text',
                            success(res) {
                                console.log('登陆成功！', JSON.parse(res.data).data.token);
                                wx.setStorageSync("token", JSON.parse(res.data).data.token)
                                if (JSON.parse(res.data).msg == "登录失败") {
                                    uni.showToast({
                                        title: '登录失败，您暂无权限！',
                                        icon: 'none',
                                        duration: 2000
                                    })
                                } else {
                                    wx.setStorageSync("name", JSON.parse(res.data).data.userInfo.name)
                                    //本地存储token
                                    console.log('手机号匹配成功获得token！', JSON.parse(res.data).data.token);
                                    console.log('1表示审核员0表示订餐员', JSON.parse(res.data).data.userInfo.dcRole);
                                    console.log('用户信息', JSON.parse(res.data).data.userInfo);
                                    console.log('用户手机号', res.data);
                                    // 存储手机号
                                    wx.setStorageSync("contactsPhone", res.data)
                                    // 展示外面的 如果dcStatus==0 隐藏  1展示
                                    wx.setStorageSync("dcstatus", JSON.parse(res.data).data.userInfo.dcstatus)
                                    console.log('保存了dcStatus', wx.getStorageSync("dcstatus"));
                                    // 展示里面的 如果dcRole==0 隐藏  1展示
                                    wx.setStorageSync("dcRole", JSON.parse(res.data).data.userInfo.dcRole)
                                    console.log('保存了dcRole', wx.getStorageSync("dcRole"));
                                    wx.setStorageSync("token", JSON.parse(res.data).data.token)
                                    uni.showToast({
                                        title: '登录成功！',
                                        duration: 2000
                                    }) 
                                }
                            },
                            fail() {
                                console.log('fail')
                            },
                            complete() {
                                console.log('complete')
                            }
                        })
                    }, fail: function (res) {
                        console.log("fail", res);
                    }
                })
            } else {
                console.log('登录失败！' + res.errMsg)
            }
        }
    })
}