Looking for ionic-framework Keywords? Try Ask4Keywords

ionic-frameworkTesten der ionischen App in einem Browser


Bemerkungen

Das Testen nativer Gerätefunktionen wie Kamera, Vibration und andere, von denen viele in der Dokumentation von Ionic Native zu finden sind , kann nicht im Browser durchgeführt werden. Dies ist eine inhärente Einschränkung der Tatsache, dass Cordova, die Plattform, auf der Ionic auf native Android-, iOS- und Windows Mobile-APIs eines Geräts zugreifen muss, nicht im Browser ausgeführt werden kann.

Sie können dieses Problem umgehen, indem Sie die Funktionalität des nativen Plugins nachahmen.

Beispiel

Hier ein Beispiel, wie das Camera Plugin zu verspotten ist:

Erstellen Sie einen optionalen Ordner in Ihrem Projektstammordner.

cd src
mkdir mocks 
cd mocks 
touch camera-mock.ts 

Öffne camera-mock.ts und füge folgenden Code ein:

export class CameraMock {
    getPicture(params) {
        return new Promise((resolve, reject) => {
            resolve("BASE_64_IMAGE_DATA");
        });
    }
}

Als nächstes öffnen Sie src/app.module.ts und importieren die Mock-Klasse "

import { CameraMock } from "../mocks/camera-mock";

Dann fügen Sie es dem Modulanbieter-Array hinzu:

@NgModule({
declarations: [
    MyApp,
    HomePage
],
imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
    MyApp,
    HomePage
],
providers: [
    StatusBar,
    SplashScreen,
    CameraMock,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}

Jetzt können Sie es nach dem Importieren in jeder Komponente verwenden.

Testen der ionischen App in einem Browser Verwandte Beispiele