更改 Metronic Angular 以与 Firebase 配合使用

Question

我一直在使用 Metronic 的 Angular 版本来制作 Angular 管理员。安装后，我将连接放在 enviroment.ts 和 enviroment.prod.ts 上的 firebase

npm install firebase @angular/fire --save

export const environment = {
  production: true,
  firebase: {
    apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxx",
    authDomain: "xxxxxxxxxxxxx.firebaseapp.com",
    databaseURL: "https://xxxxxxxxxxx.firebaseio.com",
    projectId: "xxxxxxxxxxx",
    storageBucket: "xxxxxxxxxxx.appspot.com",
    messagingSenderId: "xxxxxxxxxxx",
    appId: "1:xxxxxxxxx:web:xxxxxxxxxxxxxxxxx",
    measurementId: "xxxxxxxxxxxxx"
  }
};

正如文档所说，我还更改了文件中的行：

src/app/modules/_services/auth-http/index.ts

来自

export { AuthHTTPService } from './auth-fake-http.service'; // You have to comment this, when your real back-end is done

到

export { AuthHTTPService } from './auth-http.service'; // You have to uncomment this, when your real back-end is done

并注释 app.module.ts 上的行

environment.isMockEnabled
      ? HttpClientInMemoryWebApiModule.forRoot(FakeAPIService, {
          passThruUnknownUrl: true,
          dataEncapsulation: false,
        })
      : [],

aldo 在 app.module.ts 中导入库

import { AngularFireModule } from '@angular/fire';

在 ngModules 上我插入：

AngularFireModule.initializeApp(environment.firebase),

但仍然无法登录

有人知道我还需要做什么才能让它在 Metronic 角度管理版本上工作

感谢您的帮助

Answer 1

以下是我如何使用 Metronic 框架集成 Firebase Auth： https://medium.com/@dzamsgaglo/metronic-angular-firebase-auth-integration-8d01b51d5d26