在瀏覽器中測試 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 {}
現在,你可以在匯入後在任何元件中使用它。