Ionic - Cordova InAppBrowser

Le plugin Cordova InAppBrowser est utilisé pour ouvrir des liens externes à partir de votre application dans une vue de navigateur Web.

Utilisation du navigateur

Il est très facile de commencer à travailler avec ce plugin. Tout ce que vous avez à faire est d'ouvrir la fenêtre d'invite de commande et d'installer le plugin Cordova.

C:\Users\Username\Desktop\MyApp>cordova plugin add org.apache.cordova.inappbrowser

Cette étape nous permet de commencer à utiliser le inAppBrowser. Nous pouvons maintenant créer un bouton qui nous mènera à un lien externe, et ajouter une fonction simple pour déclencher le plugin.

Code HTML

<button class = "button" ng-click = "openBrowser()">OPEN BROWSER</button>

Code du contrôleur

.controller('MyCtrl', function($scope, $cordovaInAppBrowser) {
   var options = {
      location: 'yes',
      clearcache: 'yes',
      toolbar: 'no'
   };
   
   $scope.openBrowser = function() {
      $cordovaInAppBrowser.open('http://ngcordova.com', '_blank', options)
		
      .then(function(event) {
         // success
      })
		
      .catch(function(event) {
         // error
      });
   }
})

Lorsque l'utilisateur appuie sur le bouton, InAppBrowser ouvre l'URL que nous avons fournie.

Plusieurs autres méthodes peuvent être utilisées avec ce plugin, dont certaines sont dans le tableau suivant.

Méthodes Cordova $ inAppBrowser

Méthode	Paramètres	Type	Détails
setDefaultOptions (paramètre1)	options	objet	Utilisé pour définir les options globales pour tous les InAppBrowsers.
open (paramètre1, paramètre2, paramètre3)	URL, cible, options	chaîne, chaîne, objet	Il existe trois cibles disponibles. _blank ouvrira une nouvelle instance inAppBrowser. _system ouvrira le navigateur système et _self utilisera l'instance actuelle du navigateur.
Fermer	/	/	Utilisé pour fermer InAppBrowser.

Événements Cordova InAppBrowser

Ce plugin propose également des événements qui peuvent être combinés avec $rootScope.

Exemple	Détails
$ rootScope. $ on ('$ cordovaInAppBrowser: loadstart', fonction (e, événement));	Appelé lorsque inAppBrowser commence à charger la page.
$ rootScope. $ on ('$ cordovaInAppBrowser: loadstop', fonction (e, événement));	Appelé lorsque inAppBrowser a fini de charger la page.
$ rootScope. $ on ('$ cordovaInAppBrowser: loaderror', function (e, event));	Appelé lorsque inAppBrowser a rencontré une erreur.
$ rootScope. $ on ('$ cordovaInAppBrowser: exit', fonction (e, événement));	Appelé lorsque la fenêtre inAppBrowser est fermée.