uniapp h5 扫码功能

最近接到个需求，要做个支付宝小程序（后来才晓得是做一个h5页面，然后嵌到别人的支付宝小程序里），很简单，就一个页面，主要功能就是扫码。 最开始用了uniapp自带的扫码功能。最开始在支付宝小程序开发者工具里能够完美运行，结果打成h5的包之后点了没反应。。。后来才发现h5不支持scanCode

uni.scanCode({ 
    success: function (res) { 
        console.log('条码类型：' + res.scanType); 
        console.log('条码内容：' + res.result); 
    } 
});

网上找了h5的扫码功能貌似都挺复杂的。 最后找到了支付宝的h5开发文档myjsapi.alipay.com/jsapi/nativ…

1. 第一步先引入js

2. 点击按钮触发扫码功能

最后完美运行

tips：这个扫码功能在浏览器中打不开，要用支付宝打开才行。在支付宝中打开url的方法：把url发给支付宝好友，然后就可以在支付宝打开啦