Skip to main content
3 de 3
ocultação de url

Integrando InAppBrowser com BarcodeScanner

Olá, estou com um problema que não consigo resolver. Estou utilizando o plugin inAppBrowser e necessito que quando o usuário clicar em determinado botão dentro do navegador gerado, o plugin seja fechado e simultaneamente seja aberto um leitor de código QR.

O que ja tentei fazer:

Como se trata de um navegador gerado internamente, implementei bibliotecas que abrem a câmera e fazem a leitura por sí mesmas. No entanto, quando a página é aberta com o inappBrowser recebo uma exceção de permissão negada. Pensando que era apenas uma permissão de câmera adicionei a seguinte configuração:

AndroidManifest

 <uses-permission android:name="android.permission.CAMERA" />

home.ts

constructor
  (
    private camera: Camera,
    private androidPermissions : AndroidPermissions,
    private inAppBrowser: InAppBrowser
  ) {}
  ionViewWillEnter(){
    this.verificapermissao();
  }
  verificapermissao(){
    const options: InAppBrowserOptions = {
      clearcache:'yes',
      hardwareback:'yes',
      mediaPlaybackRequiresUserAction:'yes'
    }
    console.log(options)

    this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.CAMERA).then(
      result => {
        console.log('Has permission?',result.hasPermission)
        this.inAppBrowser.create('meuURL', '_self', options)
      },
      err => this.verificapermissao()
    );
  }

Utilizei o plugin AndroidPermissions para forçar o usuário permitir acesso a câmera, no entanto sem sucesso.

O que necessito agora:

Como disse anteriormente preciso de fazer que o app encerre o inAppBrowser e abra o leitor, quando a leitura for encerrada, o usuário seja redirecionado a uma url com os dados recebidos pelo scanner passados por parâmetros. Caso não seja possivel isso preciso pelo menos conseguir dar a permissão para o navegador interno do inAppBrowser.

Ambiente de desenvolvimento:

Ionic:

   Ionic CLI                     : 6.15.0 (C:\Users\micro-85\AppData\Roaming\npm\node_modules\@ionic\cli)
   Ionic Framework               : @ionic/angular 5.5.2
   @angular-devkit/build-angular : 0.1000.8
   @angular-devkit/schematics    : 10.0.8
   @angular/cli                  : 10.0.8
   @ionic/angular-toolkit        : 2.3.3

Cordova:

   Cordova CLI       : 10.0.0
   Cordova Platforms : android 9.1.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 9 other plugins)

Utility:

   cordova-res : 0.15.3
   native-run  : 1.3.0

System:

   NodeJS : v14.15.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.14.9
   OS     : Windows 10