微信小程序获取 openid 和 session_key 等信息

淩亂°似流年 2022-12-15 02:56 676阅读 0赞

### 微信小程序获取 openid 和 session\_key 等信息 ###

*   *  1、调用接口获取登录凭证（code）。
     *  2、登录凭证校验。
     *  3、各参数获取方式
     *  4、完整的获取 openid 的代码示例。

最近在写小程序的时候遇到要向后台提交一个唯一的标识，于是便找到了微信自带的openid，openid是微信用户在小程序的唯一标识。但是获取过程并不是那么简单，于是在此记录。

以下是小程序的登录流程。通过它的登录流程，我们可以得出请求步骤。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzUyMDY3MA_size_16_color_FFFFFF_t_70_pic_center]

## 1、调用接口获取登录凭证（code）。 ##

需要通过凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（session\_key）等。

wx.login({
      success (res) {
        if (res.code) {
        //成功就打印code
          console.log(res.code)
        } else {
          console.log('登录失败！' + res.errMsg)
        }
      }
    })

## 2、登录凭证校验。 ##

通过 wx.login 接口获得临时登录凭证 code 后传到开发者服务器调用此接口完成登录流程。

请求地址：

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

请求参数：

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>appid</td> 
   <td>string</td> 
   <td>小程序 appId</td> 
  </tr> 
  <tr> 
   <td>secret</td> 
   <td>string</td> 
   <td>小程序 appSecret</td> 
  </tr> 
  <tr> 
   <td>js_code</td> 
   <td>string</td> 
   <td>登录时获取的 code</td> 
  </tr> 
  <tr> 
   <td>grant_type</td> 
   <td>string</td> 
   <td>授权类型，此处只需填写 authorization_code</td> 
  </tr> 
  <tr> 
   <td>返回值</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

返回值：

<table> 
 <thead> 
  <tr> 
   <th>属性</th> 
   <th>类型</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>openid</td> 
   <td>string</td> 
   <td>用户唯一标识</td> 
  </tr> 
  <tr> 
   <td>session_key</td> 
   <td>string</td> 
   <td>会话密钥</td> 
  </tr> 
  <tr> 
   <td><strong>···</strong></td> 
   <td><strong>···</strong></td> 
   <td><strong>···</strong></td> 
  </tr> 
 </tbody> 
</table>

## 3、各参数获取方式 ##

*  js\_code： 第一步就是获取这个
 *  grant\_type：只需填写 authorization\_code
 *  appid，secret 这两个需要自己在开发的通过邮箱申请，查看方式如下：  
    输入网址： `https://mp.weixin.qq.com/`，扫码进入自己的小程序，找到开发 >> 开发设置，根据提示即可获取。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzUyMDY3MA_size_16_color_FFFFFF_t_70_pic_center 1]  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzUyMDY3MA_size_16_color_FFFFFF_t_70_pic_center 2]

## 4、完整的获取 openid 的代码示例。 ##

如下图的 getId 方法即为完整获取 openid 的方法。

//获取用户唯一标识openid
      getId: function () { 
        var that = this
        wx.login({ 
          success(res) { 
            if (res.code) { 
              var _that = that
              //发起网络请求
              wx.request({ 
                url: 'https://api.weixin.qq.com/sns/jscode2session',
                data: { 
                  js_code: res.code,
                  appid: 'xxxxxxxxxxxxxxx',
                  grant_type: 'authorization_code',
                  secret: 'xxxxxxxxxxxxxxxx'
                },
                success(res) { 
                  console.log(res.data.openid)
                  //将唯一标识保存在本地
                  _that.data.userid = res.data.openid
                }
              })
    
            } else { 
              console.log('登录失败！' + res.errMsg)
            }
          }
        })
      },

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzUyMDY3MA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/4e3d39f24e7d41de99fc655f1c000397.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzUyMDY3MA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/448604bd442943018f00c359d7e651db.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzUyMDY3MA_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/d2fb4647adf748e3a44b2dd30719f8ae.png