使用qrcode实现微信二维码转网址链接

2023-12-14 20:51:51

很多情况下,后端会返回一个微信二维码的地址:

但是我们并无法直接打开或者是展示该二维码,毕竟浏览器不认识weixin://xxx ,只认识http://xxx

如果想要实现weixin://xxx 转化为http:// 的形式,可以使用第三方库,qrcode

可以在npm中直接看其详细介绍以及使用方式:qrcode - npm (npmjs.com)

?

基本使用方法:

1. 下载qrcode:

npm i qrcode

2. 引入qrcode

import QRCode from 'qrcode'

?3. 使用qrcode

QRCode.toDataURL(text)? ? ? // 这里的text是 "weixin://xxx"

案例:

import QRCode from 'qrcode';

async showQRcode() {
    let text = "weixin://wxpay/bizpayurl?pr=Odz079Gzz";
    let result = await QRCode.toDataURL(text);
    console.log(result);  // result结果可以直接当做一个图片地址去使用
}

文章来源:https://blog.csdn.net/XunLin233/article/details/135002592
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。