美文网首页Ionic 2 花瓣 ..
ionic2 扫描二维码功能介绍

ionic2 扫描二维码功能介绍

作者: Miamin | 来源:发表于2017-07-29 17:43 被阅读96次

主要通过ionic2 @ionic-native/barcode-scanner集成扫码功能

1. 在package.json中添加(根据应用所需功能添加相应依赖项):

"dependencies":{..."@ionic-native/barcode-scanner":"^3.5.0",...},

2.独立安装所需插件

//cordova-plugin-barcodescanner (底层插件)

ionic plugin add cordova-plugin-barcodescanner// 安装扫码插件

3.通过npm install 或者 淘宝 cnpm install 安装依赖

4.添加平台支持

ionic platform add android

5.src/app/app.module.ts 添加:
import{BarcodeScanner}from'@ionic-native/barcode-scanner';//1、导入模块

@NgModule({providers:[...BarcodeScanner,//2、注册为应用的的服务模块...]})

6.src/pages/home/home.html:添加

7.在home.ts中添加


亲测可用~

相关文章

网友评论

  • DDLH:请问,实现扫码功能需要先调用camera吗
    DDLH: @Miamin 进入err函数中 返回cordova not available
    Miamin:直接用扫码插件 cordova-plugin-barcodescanner

本文标题:ionic2 扫描二维码功能介绍

本文链接:https://www.haomeiwen.com/subject/lusclxtx.html