Wie kann ich die Ionic InAppBrowser-Integration vornehmen?

Question

Ich bin Anfänger bei angular JS und ionischen Rahmen! Ich muss eine statische Webseite mit InAppBrowser in meine App integrieren; Ich habe versucht, den Code in home.ts-Datei einzufügen, aber ich weiß nicht, was in home.html-Datei zu schreiben ist !! Alles, was ich brauche die Funktionalität des Öffnens vordefinierte Webseite in home.ts, die erscheint, sobald ich die Home-Taste im Tab-Thema drücken. Ich wäre dankbar, wenn mir jemand geholfen hätte.

Answer 1

Sie müssen nicht alles in Ihrer HTML-Datei aufzunehmen. Nur wenn Sie die statische Webseite über eine Schaltfläche in Ihrer App öffnen möchten.

sind einfach Plugin und die Funktion in Ihrem home.ts-Datei mit:

import { InAppBrowser } from '@ionic-native/in-app-browser' 

und die InAppBrowser zu Ihrem Konstruktor wie folgt hinzu:

constructor(private iab: InAppBrowser) { } 

und schließlich erklären, um Ihre Funktion mit:

openBrowser(){ 
    const browser = this.iab.create('https://ionicframework.com/'); 
} 

Wenn Sie die statische Webseite beim Start der App nur öffnen möchten a dd die openBrowser-Funktion zur ionViewDidLoad-Funktion, die beim Laden der Homepage ausgeführt wird.

ionViewDidLoad(){ 
    this.openBrowser(); 
} 

---

so sollten Sie Ihre endgültige home.ts wie folgt aussehen:

import { InAppBrowser } from '@ionic-native/in-app-browser' 

export class HomePage { 
    constructor(private iab: InAppBrowser) {} 

    ionViewDidLoad(){ 
    this.openBrowser(); 
    } 

    openBrowser(){ 
    const browser = this.iab.create('https://ionicframework.com/'); 
    } 

} 

Weitere Informationen das Plugin Dokumentation überprüfen: click