Hosting Angular App using Firebase

Following is the guide to Host the angular app on Google’s Firebase. Assuming that you already have a working Angular5 App, using Angular CLI we will create a ‘dist/’ folder. We will deploy using Firebase tools.

STEP-1: Go to the following URL: https://firebase.google.com

Firebase Welcome Screen

STEP-2: GoTo Firebase console https://console.firebase.google.com/, and select the Hosting option as shown in the following image

Select the ‘Hosting’ option

STEP-3: Create Project

STEP-4: Now from the command line, go to the angular app and install the required packages

STEP-5: Now login to firebase using the command line as shown in the following image

Firebase Login

STEP-6: Initialise firebase in the project

STEP-7:Now set up the project with the following options

STEP-8:Creates 2 following files

STEP-9: Add the deploy script