扫码获取微信抬头

实现步骤

前端扫码微信抬头，获取到返回的 result（链接）
后端实现解析链接内容接口，在后端部分调用公众号接口解析链接内容

前端部分处理

html

<script setup>
import { ref } from 'vue';
const result = ref('');
const sancode = () => {
  uni.scanCode({
    success(res) {
      result.value = res.result;
      console.log(result.value);
      uni.request({
        url: 'http://localhost:3020/api/getInvoiceTitle',
        method: 'POST',
        data: { link: result.value },
        success(invoiceTitle) {
          console.log(invoiceTitle);
        },
        fail(e) {
          console.log(e);
        }
      });
    },
    fail(e) {
      console.log('e: ', e);
    }
  });
};
</script>

<template>
  <view class="content"><button @click="sancode">获取扫码结果</button></view>
</template>

<style lang="scss"></style>

后端部分的处理

这里的 APPID 和 SECRET 需要在公众号中获取

import axios from "axios"
import Fastify from "fastify"

import { APPID, SECRET } from "./config"

const fastify = Fastify({ logger: true })

fastify.post("/api/getInvoiceTitle", async (req, res) => {
    const { link } = req.body
    const access_token = await getAccessToken()
    const data = await getInvoiceTitle(link, access_token)
    return { data }
})

async function getAccessToken() {
    const res = await axios.get(
        `https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=${APPID}&secret=${SECRET}`
    )
    const { access_token } = res.data
    return access_token
}
async function getInvoiceTitle(link, access_token) {
    const res = await axios.post(`https://api.weixin.qq.com/card/invoice/scantitle?access_token=${access_token}`, {
        scan_text: link,
    })
    const { data } = res
    return data
}

// eslint-disable-next-line node/handle-callback-err
fastify.listen({ port: 3020 }, (err, address) => {
    console.log("http://localhost:3020")
})