Ionic3 AngularFire 登录项目教程

Ionic3 AngularFire 登录项目教程

ionic3-angularfire-loginIntegrating Firebase 3 with AngularFire2 into Ionic3项目地址:https://gitcode.com/gh_mirrors/io/ionic3-angularfire-login

1. 项目的目录结构及介绍

ionic3-angularfire-login/
├── docs/
├── resources/
├── src/
│   ├── app/
│   │   ├── app.component.ts
│   │   ├── app.module.ts
│   │   ├── main.ts
│   │   └── ...
│   ├── assets/
│   ├── environments/
│   ├── theme/
│   └── ...
├── www/
├── .gitignore
├── LICENSE
├── README.md
├── config.xml
├── ionic.config.json
├── package.json
├── tsconfig.json
└── tslint.json

• docs/: 项目文档文件夹。
• resources/: 项目资源文件夹，包含图标和启动画面。
• src/: 源代码文件夹，包含应用的主要代码。
  • app/: 应用的主要代码文件夹，包含应用的组件、模块等。
    • app.component.ts: 应用的根组件。
    • app.module.ts: 应用的根模块。
    • main.ts: 应用的启动文件。
  • assets/: 静态资源文件夹，包含图片等资源。
  • environments/: 环境配置文件夹，包含不同环境的配置文件。
  • theme/: 主题文件夹，包含样式文件。
• www/: 编译后的应用文件夹。
• .gitignore: Git忽略文件。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文件。
• config.xml: 应用配置文件。
• ionic.config.json: Ionic配置文件。
• package.json: 项目依赖和脚本配置文件。
• tsconfig.json: TypeScript配置文件。
• tslint.json: TSLint配置文件。

2. 项目的启动文件介绍

main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

• main.ts: 这是应用的启动文件，负责引导应用的根模块 AppModule。

3. 项目的配置文件介绍

ionic.config.json

{
  "name": "ionic3-angularfire-login",
  "integrations": {},
  "type": "angular"
}

• ionic.config.json: 包含项目的基本信息和集成配置。

package.json

{
  "name": "ionic3-angularfire-login",
  "version": "1.0.0",
  "scripts": {
    "start": "ionic serve",
    "build": "ionic build"
  },
  "dependencies": {
    "@angular/common": "^4.4.3",
    "@angular/core": "^4.4.3",
    "angularfire2": "^4.0.0-rc.1",
    "firebase": "^4.5.0",
    "ionic-angular": "3.7.1",
    "rxjs": "5.4.3",
    "zone.js": "^0.8.18"
  },
  "devDependencies": {
    "@ionic/app-scripts": "2.1.4",
    "typescript": "2.3.4"
  }
}

• package.json: 包含项目的依赖、脚本和其他配置信息。

tsconfig.json

{
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "dom",
      "es2015"
    ],
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "target": "es5"
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]

ionic3-angularfire-loginIntegrating Firebase 3 with AngularFire2 into Ionic3项目地址:https://gitcode.com/gh_mirrors/io/ionic3-angularfire-login