美文网首页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