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

最新推荐文章于 2025-11-04 09:23:02 发布

原创最新推荐文章于 2025-11-04 09:23:02 发布 · 7.7k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

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

小程序同时被 2 个专栏收录

8 篇文章

订阅专栏

2 篇文章

订阅专栏

这篇博客讲述了在微信小程序中遇到的获取手机号授权失败的问题，原因是公众号未进行企业认证。详细流程包括登录获取sessionKey，授权获取手机号，以及使用CryptoJS解码加密数据。同时提供了解码函数的实现，并提到了可以将解码工作交给后端处理。此外，还介绍了所使用的第三方库crypto-js和js-base64。

一、遇到的问题
1、获取手机号授权时报错：getPhoneNumber:fail no permission

原因是公众号没有进行企业认证

2、流程
1）登录拿session并保存

    var that = this
    wx.login({
      success: async function (res) {
        const res2 = await loginStart({
          method: "POST",
          query: {
            code:res.code
          },
          headerType: "application/json",
        });
        var sessions = res2.datas.sessionKey
        that.setData({
          sessionkey:sessions
        })
      }})

2）授权拿手机号

  <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号</button>

  async getPhoneNumber(e){
    var phone = this.decryptData(this.data.sessionkey,e.detail.encryptedData,e.detail.iv)
    // 用获取的手机号来进行其他操作
    const res2 = await loginGet({
      method: "get",
      suffix:'?phone='+phone.phoneNumber,
      query: {},
      headerType: "application/json",
    });

    this.setData({
      position:res2.datas. position,
      shopAddr:res2.datas.shopAddr,
      shopName:res2.datas.shopName,
      userId:res2.datas.userId,
      userName:res2.datas.userName
    })
    
  },

3）解码

import CryptoJS from 'crypto-js'
import {Base64} from 'js-base64'

  decryptData(sessionKey, encryptedData, iv) {
    let key = CryptoJS.enc.Base64.parse(sessionKey)
    let ivv = CryptoJS.enc.Base64.parse(iv)
    let decrypt = CryptoJS.AES.decrypt(encryptedData, key,  {
      iv: ivv,
      mode: CryptoJS.mode.CBC,
      padding: CryptoJS.pad.Pkcs7
    })
    return JSON.parse(Base64.decode(CryptoJS.enc.Base64.stringify(decrypt)))
  },

用到的两个包引入
在终端里安装：
npm install crypto-js
npm install js-base64

另外，也可以把参数传给后端解析（sessionKey, encryptedData, iv)）