• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序登录获取手机号

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

一,发送请求携带 code 到后台换取 openid

var that = this;
    wx.login({
      success(res) {
        console.log(res);
        var code = res.code
        wx.request({
          url: 'http://localhost/index/users/code2seesion',
          method: "post",
          data: {
            code
          },
          success: function (res) {
            console.log(res.data.openid);
            that.setData(res.data);
          }
        })
      }
    })

1、第一步打印出 wx.login 成功回调后的res console.log(res),下面是打印出的内容

2、提取 code
var code = res.code;

3、发送 post 请求到后台换取 openid 携带参数 data:{code} 打印成功回调console.log(res),下面是打印出的部分内容:

可以清楚的看到session_key、openid、errMsg;这些参数在接下来的操作中有着重要的作用;

4、保存data内容 里面包含 openid 和 session_key :that.setData(res.data);

 

二、以上操作完成并将参数保存下来之后,就可以开始获取手机号了:
~获取手机号是有特殊按钮类型

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button>
getPhoneNumber: function (e) {
    var that = this;
    console.log(e.detail.errMsg == "getPhoneNumber:ok");
    if (e.detail.errMsg == "getPhoneNumber:ok") {
      wx.request({
        url: 'http://localhost/index/users/decodePhone',
        data: {
          encryptedData: e.detail.encryptedData,
          iv: e.detail.iv,
          sessionKey: that.data.session_key,
          uid: "",
        },
        method: "post",
        success: function (res) {
          console.log(res);
        }
      })
    }
  },

 

1、可以打印出 自己是否允许授权 console.log(e.detail.errMsg == "getPhoneNumber:ok");
如果允许:true 如果拒绝:false
 
2、判断用户是点击允许还是拒绝 这里的请求 需求携带四个必备参数 ,可以打印出e.detail ~console.log(e.detail)
如果为 true 就开始 post 请求后台 携带上 encryptedData 、iv 、sessionKey 、uid
 
3、打印出成功的回调函数 success: function (res) {console.log(res);} 可以看到里面有了~phoneNumber 手机号了
 
getPhoneNumber(e) {
      wx.showLoading({
        title: '加载中',
        mask: true
      });
      var _this = this;
      var code = '';
      var openId = '';
      wx.login({
        success(res) {
          console.log(res);
          code = res.code;
          api.expiry.login({ code: res.code }).then(data => {
            console.log('ffff');
            console.log(data);
            openId = data.openId;
            if (e.$wx.detail.errMsg == 'getPhoneNumber:ok') {
              let obj = {
                // code: wx.getStorageSync('code'),
                code: code,
                iv: e.$wx.detail.iv,
                encryptedData: e.$wx.detail.encryptedData,
                // openId: this.$app.$options.globalData.openid
                openId: openId
              };
              api.expiry.getPhoneNumer(obj).then(data => {
                console.log('phone number', data);
                _this.phone = data.phone;
                wx.hideLoading();
              });
            } else if (e.$wx.detail.errMsg == 'getPhoneNumber:fail user deny') {
              wx.showToast({
                title: '手机号码获取失败,请手动输入',
                icon: 'none',
                duration: 3000
              });
              return;
            }
          });
        }
      });
    },

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
《微信小程序七日谈》- 第三天:玩转Page组件的生命周期发布时间:2022-07-18
下一篇:
websocket初体验(小程序)发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap