微信小程序獲取用戶openid的方法詳解

更新時間：2022年04月21日 10:43:28 作者：失う.

小程序的openid相當重要,它是用戶的唯一標識id,牽扯的支付,登錄,授權等,下面這篇文章主要給大家介紹了關于微信小程序獲取用戶openid的相關資料,需要的朋友可以參考下

獲取openid的思路

獲取openid首先需要調用小程序的login方法獲取小程序的登錄憑證code,然后使用code向微信換取登錄態(tài)信息,包括用戶的唯一標識(openid)及本次登錄的會話密鑰(session_key)

我這里是用一個點擊事件來觸發(fā)一個函數(shù)

wx.getUserInfo 會獲取到你的一些信息比如名字

  info(){
    wx.getUserInfo({
      //成功后會返回
      success:(res)=>{
        console.log(res);
      }
    })
  },

下圖看打印

wx.login 可以獲取到你的code值

        wx.login({
          //成功放回
          success:(res)=>{
            console.log(res);
            let code=res.code
          }
        })

下圖看打印

通過wx.request 來讓code換取openid

這里面需要一段很長的url地址

  https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code

這個地址可以在開發(fā)文檔=>服務器=>登錄中找到

不要以為你把這個路徑cv上就好了這段連接中有三處地方需要改動

（每個人的id都不一樣所以你要自己去作修改下面有修改處的位置）

            wx.request({
              url: `https://api.weixin.qq.com/sns/jscode2session?appid=wx16ccbe7d04209a11&secret=1f9465bdebe244b5ad15635e8a655832&js_code=$[code]&grant_type=authorization_code`,
              success:(res)=>{
                console.log(res);
                userInfo.openid=res.data.openid
                //獲取到你的openid
                console.log(userInfo.openid);
              }
            })

需要修改的地方

注意是沒處地方都是等號之后&符號之前的（這里一定不能出錯）

我給大家說下這三處地方在哪找

第一個

登錄微信公眾平臺 =>開發(fā)管理=>開發(fā)設置=>開發(fā)者Id

第二個

在第一個的下面

第三個是你獲取的code值

把他拼接過去注意要使用反引號

你還需要再設置中溝一個東西要不然會報錯（如圖）

然后打印你就會看到你的openid的值如下

完整代碼

  info(){
    wx.getUserInfo({
      //成功后會返回
      success:(res)=>{
        console.log(res);
        // 把你的用戶信息存到一個變量中方便下面使用
        let userInfo= res.userInfo
        //獲取openId（需要code來換取）這是用戶的唯一標識符
        // 獲取code值
        wx.login({
          //成功放回
          success:(res)=>{
            console.log(res);
            let code=res.code
            // 通過code換取openId
            wx.request({
              url: `https://api.weixin.qq.com/sns/jscode2session?appid=wx16ccbe7d04209a11&secret=1f9465bdebe244b5ad15635e8a655832&js_code=$[code]&grant_type=authorization_code`,
              success:(res)=>{
                console.log(res);
                userInfo.openid=res.data.openid
                console.log(userInfo.openid);
              }
            })
          }
        })

      }
    })
  },