PhoneGap二维码扫描功能实现

PhoneGap 的二维码扫描功能,真的是移动开发里一个挺实用的小技能。尤其是在搞活动、扫码登录、跳转链接这些场景下,用得还挺频繁的。靠的是一个叫phonegap-plugin-barcodescanner的插件,配合上 HTML、JS 就能搞定。

PhoneGap 框架本身就是前端开发者的福音,用 Web 技术就能做 App,开发效率高,而且能直接调用原生能力,像摄像头、GPS 这些都不在话下。

二维码扫描功能主要是靠插件来撑场子的,比如ZXingphonegap-plugin-barcodescanner,你装上后,只需要用 JS 简单调用下,就能把摄像头调起来,直接扫。

Android 环境搭好也挺关键,像Android SDK环境变量这些要先配好。再建一个 PhoneGap 项目,注意看看AndroidManifest.xml里权限有没有加,比如访问摄像头。

项目结构也不复杂,assets/www是前端代码放的地方,你的 HTML、JS 基本都在这。要扫二维码?直接在index.html里引插件,写点逻辑调用cordova.plugins.barcodeScanner.scan()就行,响应也快,代码也简单。

嗯对了,如果你用的是 IDE,像 Eclipse 或者 Android Studio,那.settings这些目录不用太管,它们主要是 IDE 自己的配置。真正用得上的,还是ressrc这些原生相关目录。

建议你在调试阶段多扫几个不同格式的二维码试试,有的二维码数据结构不一样,要做下兼容判断。如果你做的是跨平台项目,iOS 上也有类似插件,迁移也不难。

如果你正好想在 App 里搞扫码功能,PhoneGap 加上这个插件,是个挺稳的方案,前端搞起没啥压力。

zip 文件大小:877.77KB