Install the FirebaseTS Package
Setting up your Project for Firebase using the FirebaseTS
How to Add Data to Firestore
Retrieving Data from Cloud Firestore Database
How to Update Data in Firestore
How to Delete Data in Firestore
Batch Operations in Firebase Cloud Firestore
Increment and Decrement Data in Cloud Firestore
Firebase Authentication: Creating Users
Firebase Authentication: Signing In with Email & Password and 3rd Party Providers
Setting up your Project for Firebase using the FirebaseTS
Learn how to setup your Angular project for Firebase using the FirebaseTS package.
npm i firebasets
Connect to Firebase
1. Go to the Firebase Console of for your app and click on the gear icon to access the Project's settings.
2. Copy the project's configuration information once you are in the Project Settings tab.
3. Create an environment variable.
export const environment = {
...,
firebaseConfig: {
apiKey: "...",
authDomain: "...",
databaseURL: "...",
projectId: "...",
storageBucket: "...",
messagingSenderId: "...",
appId: "..."
}
};
4. Go to the app.module.ts and import the FirebaseTS library.
import { FirebaseTSApp } from 'firebasets/firebasetsApp/firebaseTSApp'
5. Initialize FirebaseTS in the AppModule constructor.
@NgModule({
...
})
export class AppModule {
constructor(){
FirebaseTSApp.init(environment.firebaseConfig);
}
}
Auth Setup
For server sided Angular App, install xmlhttprequest.
npm install xmlhttprequest
Then locate the server.ts file and add the code below in the import section.
global['XMLHttpRequest'] = require('xmlhttprequest').XMLHttpRequest;
