微信小程序获取openid

Myth丶恋晨 2021-11-09 05:30 636阅读 0赞

### 背景 ###

openid是用户唯一标识，可以作为用户登录的身份凭证，获取openid有两种方法，一种是使用小程序AppID和AppSecret，先wx.request获取code，进而调用来获取，二是使用云函数获取

### AppID和AppSecret获取 ###

首先获取小程序AppID和AppSecret，登录小程序后，在开发--开发设置中查看，AppID明文显示，AppSecret需要点击获取，获取之后需保存，之后不再显示，想要获取需重置

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjA4OTE3NQ_size_16_color_FFFFFF_t_70][]

微信文档参考地址：[https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html\#%E8%AF%B7%E6%B1%82%E5%9C%B0%E5%9D%80][https_developers.weixin.qq.com_miniprogram_dev_api-backend_open-api_login_auth.code2Session.html_E8_AF_B7_E6_B1_82_E5_9C_B0_E5_9D_80]

wx.login({
        success:function(res){
          wx.request({
            url: 'https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code ',
            data:{
              appid: 'wxf4b0ac8241048f47',
              secret: '2980911c23827c038796166c971e8210',
              js_code: res.code,
              grant_type: 'authorization_code'
            },
            success:function(e){
              console.log(e);
            }
          })
        }
      })

简单解释：

url是请求openid固定的官方接口

appid和secret是小程序获取的

js\_code是使用wx.login返回的res中带有的，有效时间5分钟

grant\_type是固定写法

### 云函数获取 ###

微信文档参考地址：[https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/functions/userinfo.html][https_developers.weixin.qq.com_miniprogram_dev_wxcloud_guide_functions_userinfo.html]

这里就涉及小程序云函数的开发，首先需要配置云环境

1.打开微信web开发工具，选择顶部云函数按钮。

首次使用需要开通环境，我们选择免费基础班配置就好，相信都能配置成功

![20190805092955611.png][]

2.后点击云函数按钮，选择新建云函数，名称就叫做getOpenid

![20190805093339166.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjA4OTE3NQ_size_16_color_FFFFFF_t_70 1][]

3.此时在微信web开发工具中就出现自己配置的云函数和云环境

若显示未配置，则右键funtions--当前环境，选择你的环境

若无创建的云函数，则右键funtions--同步云函数列表

![20190805093511408.png][]

4.在index.js中添加如下代码(文档中的代码和下面的都可以)

// 云函数入口文件
    const cloud = require('wx-server-sdk')
    
    
    // 云函数入口函数
    exports.main = async (event, context) => {
     return event.userInfo;
    }

5.后在js中调用云端函数

wx.cloud.callFunction({
            name: 'getOpenid', //云函数名称
            complete: res => {
              console.log('云函数获取到的openid: ', res.result.userInfo.openId)
            }
          })

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjA4OTE3NQ_size_16_color_FFFFFF_t_70]: /images/20211109/294727e004884ae3b8c49aebf4c43414.png
[https_developers.weixin.qq.com_miniprogram_dev_api-backend_open-api_login_auth.code2Session.html_E8_AF_B7_E6_B1_82_E5_9C_B0_E5_9D_80]: https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/login/auth.code2Session.html#%E8%AF%B7%E6%B1%82%E5%9C%B0%E5%9D%80
[https_developers.weixin.qq.com_miniprogram_dev_wxcloud_guide_functions_userinfo.html]: https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/functions/userinfo.html
[20190805092955611.png]: /images/20211109/26178cf67ec7491fbcfbc5d43b0189d1.png
[20190805093339166.png]: /images/20211109/13f627c9c05645da9dc540558026c42e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjA4OTE3NQ_size_16_color_FFFFFF_t_70 1]: /images/20211109/66917746d39e44fe8a72d8db258c8710.png
[20190805093511408.png]: /images/20211109/19a8010b748549da8b06e75ab10ea244.png