BlackTeaChan's Blog

JS调用支付宝扫一扫

发表于 分类于 ， 阅读次数：

支付宝内嵌浏览器通过JS调用支付宝的扫一扫功能

方法一（推荐）

直接调用支付宝的JSAPI的方法

JSAPI是支付宝客户端通过bridge机制，允许前端H5页面通过特定的JS方法，可以直接调用对应的支付、拍照、分享、弹出浮层之类的Native功能

官方文档

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script>
    AlipayJSBridge.call(
        "scan", {
            type: "qr",
            scanType: ['qrCode'],
            actionType: 'scanAndRpc'
        }, res => {
            if (res.error == 10) {
                //TODO 用户取消
            } else if (res.error == 11) {
                //TODO 扫码失败
            } else if (res.error == 2001) {
                //TODO 缺少权限
            } else {
                //TODO 扫码成功
            }
        }
    );
</script>

方法二

通过引入支付宝JS的方式调用
官方文档

1
2
3
4
5
6
7
8
9
10
11
12
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>
<script>
    ap.scan(res => {
        if (res.error == 10) {
            //TODO 用户取消
        } else if (res.error == 11) {
            //TODO 扫码失败
        } else {
            //TODO 扫码成功
        }
    });
</script>
如果文章对您有帮助，欢迎评论或打赏，感谢支持！