Ionic BarcodeScanner 不适用于 ios

Posted

技术标签:

【中文标题】Ionic BarcodeScanner 不适用于 ios【英文标题】：Ionic BarcodeScanner does not work on ios 【发布时间】：2016-05-28 18:40:23 【问题描述】：

我创建了一个 ionic 应用程序，它在 android 上运行良好。但是条码扫描器在 ios 中无法正常工作。

我的代码；

$cordovaBarcodeScanner.scan().then(function (barcodeData) 
  console.log("Data : "+barcodeData.text);
);

但是 XCODE 给了我类似的东西，就像不停的；

当我尝试这样做时；

  cordova.plugins.barcodeScanner.scan(
  function (result) 
      alert("We got a barcode\n" +
            "Result: " + result.text + "\n" +
            "Format: " + result.format + "\n" +
            "Cancelled: " + result.cancelled);
  , 
  function (error) 
      alert("Scanning failed: " + error);
  ,
  
      "preferFrontCamera" : true, // iOS and Android
      "showFlipCameraButton" : true, // iOS and Android
      "prompt" : "Place a barcode inside the scan area", // supported on Android only
      "formats" : "QR_CODE,PDF_417", // default: all but PDF_417 and RSS_EXPANDED
      "orientation" : "landscape" // Android only (portrait|landscape), default unset so it rotates with the device
  
;

收到此错误：

Warning: Attempt to present <CDVbcsViewController: 0x15f30c400> on <MainViewController: 0x15dd4fab0> whose view is not in the window hierarchy!

【问题讨论】：

尚未解决。请帮忙？ 【参考方案1】：

我遇到同样的错误，我找到了 2 天没有成功的解决方案

安装文件打开插件：enter link description here

然后使用

 Encode(textToEncode)

this.barcodeScanner.encode(this.barcodeScanner.Encode.TEXT_TYPE,
  textToEncode).then((data) =>
    
    this.fileOpener.open(data.file, 'image/jpeg');
   
  ,(err)=>
    alert(JSON.stringify(err));
  )

一切正常

这里的截图结果

【讨论】：

【参考方案2】：

通过这样做，我可以在 iOS 中扫描二维码。

添加 iOS 平台：

ionic platform add ios

安装 ngCordova

bower install ngCordova

像这样添加了 Barcodescanner 插件：

cordova plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git

index.html

<button class="button button-block button-positive" ng-click="scanBarcode()">
      <i class="icon ion-qr-scanner"></i>
      Scan Now
</button>

app.js

angular.module('myApp', ['ionic','ngCordova']) // include ngCordova

// Scan 
angular.module("myApp").controller('scanner',function($scope, $cordovaBarcodeScanner) 
$scope.scanBarcode = function() 
$cordovaBarcodeScanner.scan().then(function(imageData) 
    alert(imageData.text);
    console.log("Barcode Format -> " + imageData.format);
    console.log("Cancelled -> " + imageData.cancelled);
, function(error) 
    console.log("An error happened -> " + error);
);
;
);

我的 nodejs 版本：v5.5.0

Phonegap 版本：6.0.2

离子版本：1.7.14

【讨论】：

实际上条码扫描器正在运行并尝试扫描。但它无法得到结果...... @AhmetDemir 我现在也在离子中得到结果。你检查过正确的条形码吗？ @AhmetDemir 是的，我的 config.xml 文件只包含 ios 平台的这么多设置。能否附上或链接您要扫描的二维码？ @AhmetDemir 我认为这是二维码问题...我也无法扫描该二维码。 Primefaces 自动创建的二维码。你能把你也在尝试的二维码发给我吗？【参考方案3】：

我之前遇到过扫描仪问题，当我单击按钮触发扫描仪功能时，它无缘无故触发了两次......所以我必须以其他方式工作。

HTML

<button class="button button-positive" ng-click="scanBarcode()">Scan</button>

控制器

$scope.scannerOpened = false;

$scope.barcodeSearch = function() 
    if(!$scope.scannerOpened) 
        $scope.scannerOpened = true;
        $ionicPlatform.ready(function() 
            $cordovaBarcodeScanner.scan().then(
                function(result) 
                    alert(result);
                ,
                function(error) 
                    alert(error);
                
            ).finally(function() 
                $scope.scannerOpened = false;
            );
         );

【讨论】：

感谢您的回复，但不幸的是它不起作用 您能告诉我们您的条形码扫描仪版本吗？ "离子插件列表" phonegap-plugin-barcodescanner 5.0.0 "BarcodeScanner" @Ben 当我使用 $ionicPlatform.ready.. 按钮从未显示任何内容【参考方案4】： 

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<widget id="com.ionicframework.Project" version="0.0.4" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <name>Masada</name>
  <description>
       Masada Mobile
    </description>
  <author email="mail@gmail.com" href="http://example.com/">
      Company
    </author>
  <content src="index.html"/>
  <access origin="*"/>
  <preference name="webviewbounce" value="false"/>
  <preference name="UIWebViewBounce" value="false"/>
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="android-minSdkVersion" value="16"/>
  <preference name="BackupWebStorage" value="none"/>
  <preference name="SplashScreen" value="screen"/>
  <preference name="AutoHideSplashScreen" value="true"/>
  <preference name="ShowSplashScreenSpinner" value="true"/>
  <preference name="SplashScreenDelay" value="3000"/>
  
  
  <feature name="StatusBar">
    <param name="ios-package" value="CDVStatusBar" onload="true"/>
  </feature>
  <platform name="android">
    <splash src="resources\android\splash\drawable-land-ldpi-screen.png" density="land-ldpi"/>
    <splash src="resources\android\splash\drawable-land-mdpi-screen.png" density="land-mdpi"/>
    <splash src="resources\android\splash\drawable-land-hdpi-screen.png" density="land-hdpi"/>
    <splash src="resources\android\splash\drawable-land-xhdpi-screen.png" density="land-xhdpi"/>
    <splash src="resources\android\splash\drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/>
    <splash src="resources\android\splash\drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/>
    <splash src="resources\android\splash\drawable-port-ldpi-screen.png" density="port-ldpi"/>
    <splash src="resources\android\splash\drawable-port-mdpi-screen.png" density="port-mdpi"/>
    <splash src="resources\android\splash\drawable-port-hdpi-screen.png" density="port-hdpi"/>
    <splash src="resources\android\splash\drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
    <splash src="resources\android\splash\drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>
    <splash src="resources\android\splash\drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
    <icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/>
    <icon src="resources\android\icon\drawable-mdpi-icon.png" density="mdpi"/>
    <icon src="resources\android\icon\drawable-hdpi-icon.png" density="hdpi"/>
    <icon src="resources\android\icon\drawable-xhdpi-icon.png" density="xhdpi"/>
    <icon src="resources\android\icon\drawable-xxhdpi-icon.png" density="xxhdpi"/>
    <icon src="resources\android\icon\drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
  </platform>
  <platform name="ios">
    <splash src="resources\ios\splash\Default-568h@2x~iphone.png"  />
    <splash src="resources\ios\splash\Default-667h.png"  />
    <splash src="resources\ios\splash\Default-736h.png"  />
    <splash src="resources\ios\splash\Default-Landscape-736h.png"  />
    <splash src="resources\ios\splash\Default-Landscape@2x~ipad.png"  />
    <splash src="resources\ios\splash\Default-Landscape~ipad.png"  />
    <splash src="resources\ios\splash\Default-Portrait@2x~ipad.png"  />
    <splash src="resources\ios\splash\Default-Portrait~ipad.png"  />
    <splash src="resources\ios\splash\Default@2x~iphone.png"  />
    <splash src="resources\ios\splash\Default~iphone.png"  />
    <icon src="resources\ios\icon\icon.png"  />
    <icon src="resources\ios\icon\icon@2x.png"  />
    <icon src="resources\ios\icon\icon-40.png"  />
    <icon src="resources\ios\icon\icon-40@2x.png"  />
    <icon src="resources\ios\icon\icon-50.png"  />
    <icon src="resources\ios\icon\icon-50@2x.png"  />
    <icon src="resources\ios\icon\icon-60.png"  />
    <icon src="resources\ios\icon\icon-60@2x.png"  />
    <icon src="resources\ios\icon\icon-60@3x.png"  />
    <icon src="resources\ios\icon\icon-72.png"  />
    <icon src="resources\ios\icon\icon-72@2x.png"  />
    <icon src="resources\ios\icon\icon-76.png"  />
    <icon src="resources\ios\icon\icon-76@2x.png"  />
    <icon src="resources\ios\icon\icon-small.png"  />
    <icon src="resources\ios\icon\icon-small@2x.png"  />
    <icon src="resources\ios\icon\icon-small@3x.png"  />
  </platform>
  <platform name="wp8">
    <splash src="resources\wp8\splash\SplashScreenImage.png"  />
    <icon src="resources\wp8\icon\ApplicationIcon.png"  />
    <icon src="resources\wp8\icon\Background.png"  />
  </platform
  <icon src="resources\android\icon\drawable-xhdpi-icon.png"/>
</widget>

【讨论】：

【参考方案5】：

我的二维码由 16 个字符组成。这是我的问题的原因，现在已经解决了。谢谢@Pushpa。

【讨论】：

【参考方案6】：

查看ios库，它只包含以下几种格式，因此不适用于iOS。如果你找到了一些在ios中使用ionic扫描PDF417的方法，可以分享一下！

typedef enum BarcodeFormat 
    BarcodeFormat_None = 0,
    BarcodeFormat_QR_CODE,
    BarcodeFormat_DATA_MATRIX,
    BarcodeFormat_UPC_E,
    BarcodeFormat_UPC_A,
    BarcodeFormat_EAN_8,
    BarcodeFormat_EAN_13,
    BarcodeFormat_CODE_128,
    BarcodeFormat_CODE_39,
    BarcodeFormat_ITF
 BarcodeFormat;

我邀请您查看phonegap-plugin-barcodescanner, type PDF417 bar-codes using ionic 中的回复

【讨论】：

如您在顶部看到的，我的问题已经解决。我的问题不是关于 PDF417，而是关于条形码生成器字符的数量。【参考方案7】：

iOS 10+ 中的隐私设置

iOS 10+ 的一个重大变化是您必须提前声明对私有数据的任何访问权限，否则您的应用程序将崩溃。

与 iOS 10+ 关联后，您必须声明对任何用户私有数据类型的访问权限。为此，您可以在应用的 Info.plist 中添加一个使用密钥以及一个目的字符串。算作私有数据的框架列表很长

通讯录、日历、提醒、照片、蓝牙共享、麦克风、相机、位置、健康、HomeKit、媒体库、运动、CallKit、语音识别、SiriKit、电视提供商。

您需要将“NSCameraUsageDescription”放入您的 plist。

喜欢

关键：- 隐私 - 相机使用说明

类型：- 字符串

价值：- $(PRODUCT_NAME) 使用相机

enter image description here

【讨论】：

以上是关于Ionic BarcodeScanner 不适用于 ios的主要内容，如果未能解决你的问题，请参考以下文章

Cordova 插件不适用于 ionic

ionic 3 的内页不适用于 ionic 3 中的脚本或外部自定义 jQuery 插件

评级插件不适用于 Ionic 3

Ionic2 Google Maps JS SDK 不适用于 Ionic View

Angular SVG圆形进度条不适用于Ionic

选择默认选项不适用于 Ionic Framework