El plugin de InAppBrowser está disponible desde npm, así que para instalarlo simplemente ejecuta este comando dentro de la carpeta raíz del proyecto:
123ionic plugin add cordova-plugin-inappbrowser --savenpminstall --save @ionic-native/in-app-browser
bash
Empieza importando el plugin nativo de InAppBrowser:
1import{InAppBrowser}de"@ionic-native/in-app-browser";js
Entonces añádalo a la lista de proveedores:
12345678910111213@NgModule({ declaraciones:[MyApp,HomePage], importa:[BrowserModule,IonicModule. paraRoot(MyApp)], bootstrap:[IonicApp], entryComponentes:[MyApp,HomePage], proveedores:[StatusBar,SplashScreen,InAppBrowser,{ provide:ErrorHandler, useClass:IonicErrorHandler}]})exportclassAppModule{}js
Ahora estás listo para usar el API de InAppBrowser mediante la inyección de dependencia que te proporciona una instancia de InAppBrowser que puede usarse para llamar a diferentes métodos para crear y abrir en los navegadores de aplicaciones dentro de tu aplicación Ionic 2+.
Así que abre src/pages/home/home.ts y añade:
123456789101112131415161718192021import{Componente,OnInit}de$0027@angular/núcleo$0027;import{Controlador Naval}de$0027ionic-angular$0027;import{InAppBrowser}de$0027@ionic-native/in-app-browser$0027;@Componente({selector:$0027page-home$0027,templateUrl:$0027home. html$0027})exportclassHomePageimplicationsOnInit{constructor(public navCtrl:NavController,private iab:InAppBrowser){}ngOnInit(){const browser =this.iab.create($0027https://www.techiediaries.com$0027,$0027_self$0027,{location:$0027no$0027});}}js
Así que primero importamos InAppBrowser desde @ionic-native/in-app-browser y luego lo inyectamos a través del constructor de componentes.
Entonces llamamos al método .create() para crear y abrir un navegador de aplicaciones que navega al sitio web techiediaries.com cuando se llama el gancho OnInit del componente, es decir, cuando el componente está completamente inicializado.
Puedes encontrar la documentación completa de InAppBrowser en la página web oficial de Ionic Native.