WHID-Mobile-Connector 使用教程

WHID-Mobile-Connector 使用教程

1. 项目目录结构及介绍

WHID-Mobile-Connector 项目是一个基于Ionic框架的移动应用，用于远程控制WHID Injector设备。以下是项目的目录结构及各部分的简要介绍：

WHID-Mobile-Connector/
├── .github/              # GitHub工作流程文件
├── e2e/                  # 端到端测试文件
├── resources/            # 资源文件，如图片、字体等
├── src/                  # 源代码目录
│   ├── assets/           # 静态资源
│   ├── components/       # ionic组件
│   ├── pages/            # 页面
│   ├── services/         # 服务
│   └── app.module.ts      # 应用模块文件
├── .gitignore            # Git忽略文件
├── LICENSE               # 许可证文件
├── README.md             # 项目说明文件
├── angular.json          # Angular配置文件
├── config.xml            # Cordova配置文件
├── ionic.config.json     # Ionic配置文件
├── package-lock.json     # npm依赖锁文件
├── package.json          # npm依赖配置文件
└── tsconfig.json         # TypeScript配置文件

2. 项目的启动文件介绍

项目的启动文件主要是src/app/app.module.ts，这是Angular应用的入口模块文件。以下是该文件的基本内容：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

3. 项目的配置文件介绍

项目的配置文件主要包括config.xml和tsconfig.json。

• config.xml 是Cordova项目的配置文件，定义了应用的名称、版本、图标等基本信息。

<widget
  id="whid.usb.injector"
  version="0.0.5"
  xmlns="http://www.w3.org/ns/widgets"
  xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <name>WHID Mobile Connector</name>
  <description>An Android Mobile App for Controlling WHID Injector remotely.</description>
  <author email="contact@example.com">Your Name</author>
  <content src="index.html" />
  <access origin="*" />
  <icon src="resources/icon.png" />
  <platform name="android">
    <icon src="resources/icon.png" />
  </platform>
</widget>

• tsconfig.json 是TypeScript项目的配置文件，定义了TypeScript编译器的选项。

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true
  },
  "include": ["src/**/*"]
}

以上就是WHID-Mobile-Connector项目的目录结构、启动文件和配置文件的介绍。