微信小程序登录换取token的教程

下面是关于微信小程序登录换取token的完整攻略：

创建登录接口

首先在后端创建一个登录接口，接收小程序前端的登录请求，然后验证用户身份，如果验证成功，返回一个token给前端。token可以是一个随机的字符串，也可以采用JWT的方式进行生成。以下是接口伪代码示例：

app.post('/login', (req, res) => {
  // 从请求中获取小程序提供的code
  const code = req.body.code;

  // 根据code使用微信登录API获取用户的openid和session_key
  const wxRes = await axios.get(`https://api.weixin.qq.com/sns/jscode2session?appid=${appId}&secret=${appSecret}&js_code=${code}&grant_type=authorization_code`);
  const { openid, session_key } = wxRes.data;

  // 根据openid或自定的唯一标识符查询数据库，判断用户是否存在
  const user = await User.find({ openid });

  // 如果不存在，则创建新用户
  if (!user) {
    await User.create({ openid });
  }

  // 生成一个token并返回给小程序
  const token = jwt.sign({ openid }, jwtSecret, { expiresIn: '1d' });
  res.send({ token });
});

前端获取token

前端使用wx.login API获取用户code，然后将code发送给后端登录接口，获取token。以下是前端代码示例：

wx.login({
  success: async (res) => {
    const { code } = res;
    // 调用后端登录接口，获取token
    const tokenRes = await wx.request({ url: 'https://example.com/login', method: 'POST', data: { code } });
    const { token } = tokenRes.data;
    // 将token存储在本地缓存中，之后每次请求接口都携带token
    wx.setStorageSync('token', token);
  }
});

携带token请求接口

小程序端使用wx.request API发起http请求时，在header中携带token，后端接口接收到请求时验证token的有效性。以下是小程序端示例代码：

const token = wx.getStorageSync('token');
wx.request({
  url: 'https://example.com/api',
  method: 'GET',
  header: { 'Authorization': `Bearer ${token}` },
  success: (res) => {
    console.log(res.data);
  }
});

以上就是关于微信小程序登录换取token的完整攻略，希望对你有所帮助。