Neste post ire mostrar como abrir paginas web dentro do seu aplicativo Ionic.
instalação
Irei levar em consideração que você já tenha criado um projeto ionic, se nunca fez isto, este tutorial oficial do Ionic irá te ajudar. Com o projeto criado, basta instalar o plugin nativo inappbrowser:
- ionic cordova plugin add cordova-plugin-inappbrowser
- npm install –save @ionic-native/in-app-browser
Teste
O uso do plugin é bem simples, primeiramente, no page que você quer abrir o site, basta adicionar o import do plugin:
import { InAppBrowser } from '@ionic-native/in-app-browser';
Depois adicione o InAppBrowser nos providers do page:
@Component({
selector: 'your-page',
templateUrl: 'your-page.html',
providers: [ InAppBrowse ]
})
e após isto, crie uma variavel no construtor do page:
constructor(private iab: InAppBrowser) { }
e para abrir o site, basta adicionar a linha abaixo, por exemplo, após o clique de um botão:
const browser = this.iab.create('https://ionicframework.com/');
Clique aqui para acessar a documentação do plugin.