Ionic-Cordova InAppBrowser

Cordova InAppBrowser 플러그인은 웹 브라우저보기 내에서 앱의 외부 링크를 여는 데 사용됩니다.

브라우저 사용

이 플러그인으로 작업을 시작하는 것은 매우 쉽습니다. 명령 프롬프트 창을 열고 Cordova 플러그인을 설치하기 만하면됩니다.

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

이 단계를 통해 inAppBrowser. 이제 외부 링크로 연결되는 버튼을 만들고 플러그인을 트리거하는 간단한 기능을 추가 할 수 있습니다.

HTML 코드

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

컨트롤러 코드

.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
      });
   }
})

사용자가 버튼을 누르면 InAppBrowser가 제공 한 URL을 엽니 다.

이 플러그인과 함께 몇 가지 다른 방법을 사용할 수 있으며 그중 일부는 다음 표에 있습니다.

Cordova $ inAppBrowser 메서드

방법	매개 변수	유형	세부
setDefaultOptions (parameter1)	옵션	목적	모든 InAppBrowser에 대한 전역 옵션을 설정하는 데 사용됩니다.
열기 (매개 변수 1, 매개 변수 2, 매개 변수 3)	URL, 대상, 옵션	문자열, 문자열, 객체	세 가지 대상이 있습니다. _blank 새로운 inAppBrowser 인스턴스가 열립니다. _system 시스템 브라우저를 열고 _self 현재 브라우저 인스턴스를 사용합니다.
닫기	/	/	InAppBrowser를 닫는 데 사용됩니다.

Cordova InAppBrowser 이벤트

이 플러그인은 다음과 결합 할 수있는 이벤트도 제공합니다. $rootScope.

예	세부
$ rootScope. $ on ( '$ cordovaInAppBrowser : loadstart', function (e, event));	inAppBrowser가 페이지로드를 시작할 때 호출됩니다.
$ rootScope. $ on ( '$ cordovaInAppBrowser : loadstop', function (e, event));	inAppBrowser가 페이지로드를 완료하면 호출됩니다.
$ rootScope. $ on ( '$ cordovaInAppBrowser : loaderror', function (e, event));	inAppBrowser에 오류가 발생하면 호출됩니다.
$ rootScope. $ on ( '$ cordovaInAppBrowser : exit', function (e, event));	inAppBrowser 창이 닫힐 때 호출됩니다.