Cordova ionic InAppBrowser

 

 

▶ InAppBrowser

cordova로 만든 앱은 $stateProvider 라는 것이 있어

templateUrl을 지정해주는 곳으로 간다

앱 안에서 다른 브라우저(예를 들면 다음, 네이버, 구글 등)를 열어 볼 수가 없다.

 

거기에 따른 문제는 InAppBrowser plugin을 설치하면 된다.

▶ cordova plugin add org.apache.cordova.inappbrowser

 

▶ 간단한 소스

var ref = window.open('http://apache.org', '_blank', 'location=yes');
ref.addEventListener('loadstart', function() { alert(event.url); }); 

 

이런식으로 앱에서 인터넷창을 띄울 수 있다.

 

앱 속에서 앱의 한 부분으로 다른 브라우저를 띄우고 싶었는데..

검색해도 나오지않았다.

결국 내가 쓴 방법은 iframe

백버튼 등 많은 부분을 수동으로 수정해줘야 하지만 나쁘진않다. 

 

▶ 여기서 한가지!

업데이트를 위해서 해당 스토어로 보내야 하는데 android와 ios의 방법은 다르다.

● android

navigator.app.loadUrl('해당URL주소', {openExternal:true});
navigator.app.exitApp(); // 어플종료

● ios

window.open('해당URL주소','_system');

요즘 ios에 xcode가 업데이트되면서 애뮬에서는 동작하지 않는다. 한참을 찾아보니 device에서는 그냥되더라...