configured firebase with @angular/fire (#215)

kubikowski · Aug 3, 2021 · aa56bba · aa56bba
1 parent 9156ec8
commit aa56bba
Show file tree

Hide file tree

Showing 8 changed files with 568 additions and 24 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,11 +19,13 @@
 		"@angular/common": "~12.1.4",
 		"@angular/compiler": "~12.1.4",
 		"@angular/core": "~12.1.4",
+		"@angular/fire": "^6.1.5",
 		"@angular/forms": "~12.1.4",
 		"@angular/material": "^12.1.4",
 		"@angular/platform-browser": "~12.1.4",
 		"@angular/platform-browser-dynamic": "~12.1.4",
 		"@angular/router": "~12.1.4",
+		"firebase": "^8.8.1",
 		"nipplejs": "^0.9.0",
 		"rxjs": "~6.6.7",
 		"subsink": "^1.0.2",

diff --git a/src/app/core/core.module.ts b/src/app/core/core.module.ts
@@ -3,6 +3,7 @@ import { HttpClientModule } from '@angular/common/http';
 import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
+import { FirebaseModule } from 'src/app/core/firebase.module';
 import { MaterialModule } from 'src/app/core/material.module';
 
 @NgModule({
@@ -12,6 +13,7 @@ import { MaterialModule } from 'src/app/core/material.module';
 		FormsModule,
 		ReactiveFormsModule,
 		RouterModule,
+		FirebaseModule,
 		MaterialModule,
 	],
 })

diff --git a/src/app/core/firebase.module.ts b/src/app/core/firebase.module.ts
@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { AngularFireModule } from '@angular/fire';
+import { environment } from 'src/environments/environment';
+
+@NgModule({
+	imports: [
+		AngularFireModule.initializeApp(environment.firebaseConfig),
+	],
+})
+export class FirebaseModule { }
diff --git a/src/environments/environment.prod.ts b/src/environments/environment.prod.ts
@@ -1,6 +1,8 @@
 import packageInfo from 'package.json';
+import { firebaseConfig } from 'src/environments/firebase-config';
 
 export const environment = {
 	production: true,
 	version: packageInfo.version,
+	firebaseConfig,
 };
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
@@ -1,4 +1,5 @@
 import packageInfo from 'package.json';
+import { firebaseConfig } from 'src/environments/firebase-config';
 
 // This file can be replaced during build by using the `fileReplacements` array.
 // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
@@ -7,6 +8,7 @@ import packageInfo from 'package.json';
 export const environment = {
 	production: false,
 	version: packageInfo.version,
+	firebaseConfig,
 };
 
 /*

diff --git a/src/environments/firebase-config.ts b/src/environments/firebase-config.ts
@@ -0,0 +1,11 @@
+import { FirebaseAppConfig } from '@angular/fire';
+
+export const firebaseConfig: FirebaseAppConfig = {
+	projectId: 'inanity-io',
+	apiKey: 'AIzaSyDUDzQ2lgAf--3OJ5O6COJNaEh8qI22xwE',
+	authDomain: 'inanity-io.firebaseapp.com',
+	databaseURL: 'https://inanity-io.firebaseio.com',
+	storageBucket: 'inanity-io.appspot.com',
+	messagingSenderId: '808517338781',
+	appId: '1:808517338781:web:708b1ae12e2b61455ef674',
+};
diff --git a/src/index.html b/src/index.html
@@ -16,6 +16,5 @@
 	</head>
 	<body class="mat-typography">
 		<app-root></app-root>
-		<script src="/__/firebase/7.17.1/firebase-app.js"></script>
 	</body>
 </html>