Qrious前端插件+阿里支付接口实现扫码支付

最新推荐文章于 2022-07-14 15:37:18 发布

程序逸

最新推荐文章于 2022-07-14 15:37:18 发布

阅读量624

点赞数

分类专栏：服务器端学习文章标签：支付宝开发平台

本文链接：https://blog.csdn.net/qq_43265564/article/details/115563389

版权

服务器端学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

网站中支付功能是十分主要的一个模块，懂得都懂哈，今天我们来学习如何使用阿里支付接口来模拟实际用户支付并且让我们体验一下土豪的感觉！！！下面开始起飞。

1.Qrious插件生成二维码

使用该插件是为了让支付链接以二维码的形式展现，并且也是一个比较有意思的插件，我们先学习如何使用。
可以直接去这个插件库网站：qrious插件下载
我们新建一个web项目，写一个简单的案例：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <!--引入js文件-->
    <script src="js/qrious.min.js" type="text/javascript"></script>
</head>
<body>

<canvas id="qr"></canvas>
</body>

    <script>
    var q= new QRious({
            value:"https://blog.csdn.net/qq_43265564",
            size:300,
            level:'H',
            element: document.getElementById('qr')
        })
    </script>
</html>