今天给大家分享一下基于angularjs与ionic框架实现手机二维码扫描的功能。没有用到cordova等任何插件,h5+实现的。
开发工具:hbuilder
首先,需要在hbuilder项目下面的配置文件里面引入“Barcode”的配置,具体步骤:
1.找到“manifest.json”文件,右键打开,切换到代码试图
2.在里面,可以看到"permissions",直接添加
"Barcode": {
"description": "二维码扫描"
},这个配置就可以了。下面贴出图片供大家参考,,
其次,废话不多说,直接上代码截图了。
中间我画红圈的就是二维码显示的区域,这个是页面的代码。下面是js代码。
我圈出来的都是关键部分,在官网上面都有详细的解释,这里就不多哔哔了。请记住,在这个js执行之前一定要移动设备判断,否则在浏览器调试会报错。
最后,官网地址:http://www.html5plus.org/doc/zh_cn/barcode.html