使用express获取微信小程序二维码小记

前言

遇到了一个需求，想要扫码后，进入微信小程序的某一个页面，这就要求二维码携带参数。

微信小程序开发文档很简单，但不太具体。

经百度和折腾，在express中成功获得了带参数的二维码。

总结以下几步，供参考。

1.express项目中引入http请求工具

为什么要在服务端引入这个工具？因为还需要用这个工具去找微信服务端拿access_token接口凭证，来保证安全。

笔者用的是axios。cmd进入根目录，npm安装。

# npm i axios --save

肯定需要写一个获得二维码的接口。在写这个接口的文件中引入axios即可，接口路由的写法不具体展开介绍。

import express from 'express';
import axios from 'axios'; //引入axios库
let qrcode= express.Router();
qrcode.post('/getQrode',async (req,res)=>{
  try {
    ...
    //待写接口内容区域
  } catch (error) {
    throw error;
  }
})
export default qrcode;

引入了库，定义了路由，也定义了一个post接口。第一步准备完毕。

2.获取access_token

找微信服务端拿access_token，需要用上刚刚引入的axios工具了。

通过官方文档介绍，获取access_token需要三个参数，一个常量grant_type，两个变量分别是appid和secret（注册小程序的时候就会获得）

修改接口即可获得access_token

import express from 'express';
import axios from 'axios';
let qrcode= express.Router();
qrcode.post('/share',async (req,res)=>{
  try {
    let appid = 'wxc********b7a';
    let secret = '2bfa**************e8682';
    let url = `https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=${appid}&secret=${secret}`
    axios.get(url).then(res2=>{
      //access_token就在res2中
      let access_token = res2.data.access_token;
      //待继续补充区域
    });
  } catch (error) {
    console.log(error)
  }
})
export default qrcode;

拿到了access_token接口凭证了，继续下一步。

3.获取二维码的二进制数据

阅读文档，得知需要进一步传参，请求微信服务端获取二维码的buffer数据。

需要携带的参数可以写在scene中。其他参数文档中介绍的已经很具体。

然而，这里有两个坑要注意！

第一个坑：access_token参数要写在url中，不然请求后会报未传access_token的错。

第二个坑：要设置响应格式，否则请求回来的buffer数据总是被编译成String字符串，造成文件损坏，就无法转化为正常图片（这个折磨了我好久）