BlackTeaChan's Blog

JS调用支付宝扫一扫

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

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

方法一（推荐）

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

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

官方文档

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

方法二

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

1
<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.inc.min.js"></script>
2
<script>
3
    ap.scan(res => {
4
        if (res.error == 10) {
5
            //TODO 用户取消
6
        } else if (res.error == 11) {
7
            //TODO 扫码失败
8
        } else {
9
            //TODO 扫码成功
10
        }
11
    });
12
</script>
坚持原创技术分享，您的支持将鼓励我继续创作！