Angular Firebase Functions

• Angular app using Firebase tools
• Firebase Functions used with express server to access a realtime database
• Note: to open web links in a new window use: ctrl+click on link

Table of contents

• Angular Firebase Functions
  • Table of contents
  • General info
  • Screenshots
  • Technologies
  • Setup
  • Code Examples
  • Features
  • Status & To-Do List
  • Inspiration
  • License
  • Contact

General info

• Firebase project realtime database key-value pair created in Firebase Console
• Project service account created via Firebase Project Settings then Create Service Account/Node.js (default option)then Generate new private key that adds a json file to the user’s PC. The path to this access key file is referenced in the express server index.ts file
• This is just a very simple example to demonstrate how a Firebase database function works

Screenshots

Technologies

• Angular v15
• Firebase v9 Cloud storage and authentication.
• Firebase Tools v11 CLI used to manage a Firebase project
• @angular/fire">AngularFire v7 Angular library for Firebase
• Express v4 Node.js framework

Setup

• Install dependencies using npm i
• Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
• In a 2nd terminal, cd to /functions and run npm i then npm run serve to install backend dependencies, create build file and start up Functions emulator
• navigate to localhost../api/databaseKey the realtime database value will be displayed
• Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
• Run ng update to update Angular

Code Examples

• functions index.ts function to retrieve value from Firebase realtime database for key supplied

// get value corresponding to key supplied
app.get("/database_ref", (request, response) => {
  const db = admin.database();
  const ref = db.ref("database_ref");
  ref.once("value").then((value) => {
    response.send(value);
  })
      .catch((err) => console.error(err));
});

Features

• Firebase Cloud Functions can be used is a serverless framework that allows backend code to be run automatically in response to https requests and Firebase features.

Status & To-Do List

• Status: Working
• To-Do: Add other functions and database key-values

Inspiration

• Demos with Angular: Building Custom APIs on top of the Firebase Realtime DB

License

• This project is licensed under the terms of the MIT license.

Contact

• Repo created by ABateman, email: gomezbateman@yahoo.com