使用uni-app自带的API实现物品扫码功能

[221900302陈孟棂]

目录

• 1、技术概述
• 2、技术详述
• 2.1、首先在页面结构里编写菜单组件
• 2.2、对组件所需要的数据进行配置
• 2.3、效果如下
• 2.4、接下来是对扫码逻辑的编写，点击扫一扫后会触发tapPopup实践，所以我们要编写对应的处理函数，在触发对应事件后执行。
• 2.5、调用uniapp官方提供的用于扫码的API，uni.scanCode(OBJECT)，可以获得扫码结果。
• 2.6、再将扫码得到的结果传入用于获取物品相信信息的接口中，即可得到物品的详细信息
• 3、遇到的问题和解决过程
• 4、总结
• 5、参考文献

1、技术概述

uni-app可以使用uni.scanCode(OBJECT)调起客户端扫码界面，扫码成功后返回对应的结果。

2、技术详述

2.1、首先在页面结构里编写菜单组件

2.2、对组件所需要的数据进行配置

2.3、效果如下

2.4、接下来是对扫码逻辑的编写，点击扫一扫后会触发tapPopup实践，所以我们要编写对应的处理函数，在触发对应事件后执行。

2.5、调用uniapp官方提供的用于扫码的API，uni.scanCode(OBJECT)，可以获得扫码结果。

官方API的参数说明

2.6、再将扫码得到的结果传入用于获取物品相信信息的接口中，即可得到物品的详细信息

3、遇到的问题和解决过程

测试后发现uni-app自带的二维码扫描的API是uni.scanCode存在扫描效率低、较小或模糊的二维码无法识别、光线暗时识别率低等问题，因为uniapp是扫码引擎是使用开源的通用扫码库，效率远远不如微信、支付宝等商业扫码库，在下次使用时将尝试使用支付宝扫码插件

4、总结

虽然uni-app自带的扫码API使用起来很方便，但如果以后有比较重要的项目，最好还是使用一些商业的扫码库，而不是贪图便捷使用开源扫码库，这将会降低用户体验。

5、参考文献

uni-app的API