官方文档地址
实现步骤
- 前端扫码微信抬头，获取到返回的 result（链接）
- 后端实现解析链接内容接口，在后端部分调用公众号接口解析链接内容
前端部分处理
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| <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 需要在公众号中获取
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| 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
}
fastify.listen({ port: 3020 }, (err, address) => {
console.log("http://localhost:3020")
})
|
