最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 微信小程序获取手机号码(仅前端部分

    正文概述 掘金(一筐芒果)   2021-04-17   1167

    功能描述:

    • 微信小程序获取用户手机号码需求

    实现步骤(仅前端部分

    • wxml页面部分
    <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
    
    • 第一步,获取手机号码之前, 需要调用wx.login()方法去获取到code(当然, 如果你放在getPhoneNumber里面也是可以的.
    // 放在onload()方法中, 在页面一加载完成就调用
        wx.login({
          timeout: 1000,
          success(res) {
            //console.log(res);
            that.setData({
              loginCode: res.code
            })
    		// 这里需要用户和后端实现一个回话. 
          fail(err) {
            //console.log(err);
          	}
          })
      	})
    
    • 第二步,需要用户手动点击获取手机号的按钮, 触发getPhoneNumber方法.
      • 用户点击了取消的话, getPhoneNumber方法将会在e.detail.errMsg带上getPhoneNumber:fail user deny
      • 用户点击了确定的话, 将获取到的ivencryptedData传递给后端小哥哥.
      getPhoneNumber(e) {
        let that = this
        this.setData({
          iv: e.detail.iv,
          encryptedData: e.detail.encryptedData
        })
        // 这里根据用户点击, 判断一下, 如果点击了取消, 将触发下面方法
        if(e.detail.errMsg == 'getPhoneNumber:fail user deny'){
          wx.showToast({
            title: '请您授权手机号,以便提供更好服务',
            icon:'none',
            duration:5000
          })
          // 如果用户点了确定, 那么, 前端拿到这个iv和encryptedData传给后端小哥哥进行解密
        }else {
          wx.request({
            url: 'https://xxxxx',
            data:{
              iv:JSON.stringify(that.data.iv),
              d: JSON.stringify(that.data.encryptedData)
            },
            method:'POST',
            header: {
              'content-type': 'application/x-www-form-urlencoded',
              // 带上cookie
              Cookie: wx.getStorageSync('cookie')
            },
            success(res){
            // 根据后端小哥哥传回的数据, 做后续操作
              that.setData({
                getPhone:false
              })
    	       wx.showToast({
    	        title: '登录成功!',
    	        duration:1000
    	      })
            }
          })
        }
      },
    

    总结:

    • 前端这一块, 需要使用绑定了获取手机号码的button组件, 判断用户点击了确定还是取消, 如果是取消, 那么不做处理, 或者给一个取消授权电话的提示. 如果用户点击了确定, 则前端需要将点击事件中, 获取到的ivencryptedDatapost给后端, 后端根据[算法地址]进行解密, 获取手机号(developers.weixin.qq.com/miniprogram…)

    • 微信小程序获取手机号码(仅前端部分


    起源地下载网 » 微信小程序获取手机号码(仅前端部分

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元