快捷導(dǎo)航

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

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

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

獲取openid的思路

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

我這里是用一個(gè)點(diǎn)擊事件來(lái)觸發(fā)一個(gè)函數(shù)

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

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

下圖看打印

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

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

下圖看打印

通過(guò)wx.request 來(lái)讓code換取openid

這里面需要一段很長(zhǎng)的url地址

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

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

不要以為你把這個(gè)路徑cv上就好了這段連接中有三處地方需要改動(dòng)

（每個(gè)人的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);
              }
            })

需要修改的地方

注意是沒處地方都是等號(hào)之后&符號(hào)之前的（這里一定不能出錯(cuò)）

我給大家說(shuō)下這三處地方在哪找

第一個(gè)

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

第二個(gè)

在第一個(gè)的下面

第三個(gè)是你獲取的code值

把他拼接過(guò)去注意要使用反引號(hào)

你還需要再設(shè)置中溝一個(gè)東西要不然會(huì)報(bào)錯(cuò) （如圖）

然后打印你就會(huì)看到你的openid的值如下

完整代碼

  info(){
    wx.getUserInfo({
      //成功后會(huì)返回
      success:(res)=>{
        console.log(res);
        // 把你的用戶信息存到一個(gè)變量中方便下面使用
        let userInfo= res.userInfo
        //獲取openId（需要code來(lái)?yè)Q?。┻@是用戶的唯一標(biāo)識(shí)符
        // 獲取code值
        wx.login({
          //成功放回
          success:(res)=>{
            console.log(res);
            let code=res.code
            // 通過(guò)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);
              }
            })
          }
        })

      }
    })
  },