微信小程序获取openid

背景

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

AppID和AppSecret获取

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

微信文档参考地址：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

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

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

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

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

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

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

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

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)
        }
      })