在瀏覽器中測試 Ionic App

可以在瀏覽器中測試本機裝置功能,如 Camera,Vibration 等,其中許多功能都可以在 Ionic Native 的文件中找到。這是一個固有的侷限性,因為 Cordonic 是 Ionic 依賴於能夠訪問裝置的原生 Android,iOS 和 Windows Mobile API 的平臺,無法在瀏覽器上執行。

可以通過模擬本機外掛的功能來解決此問題。

這是一個關於如何模擬 Camera 外掛的示例 :

繼續,在專案根資料夾中建立一個可選資料夾。

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

開啟 camera-mock.ts 並複製貼上以下程式碼:

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

接下來開啟 src/app.module.ts 並匯入模擬類“

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

然後將其新增到模組提供程式陣列:

@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 {}

現在,你可以在匯入後在任何元件中使用它。