DEV Community

Cover image for Steps to auto Firebase deployment using GITHUB Actions (CI/CD)
Muthu
Muthu

Posted on

Steps to auto Firebase deployment using GITHUB Actions (CI/CD)

#firebase #github #cicd #webdev

Step #1

Create a GITHUB repository

Step #2

Create a Firebase Project on the Firebase console

Step #3 

$ firebase init
Enter fullscreen mode Exit fullscreen mode

And choose your project and select Hosting from the CLI tool

Step #4

Create package.json using

$ npm init
Enter fullscreen mode Exit fullscreen mode

Once the package.json created add the following component on the JSON under scripts

"build:production": "node --version",
"build:prod": "node --version",
Enter fullscreen mode Exit fullscreen mode

The final package.json will look like this

package.json

{
  "name": "cicd",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build:production": "node --version",
    "build:prod": "node --version",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/muthugit/cicd.git"
  },
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/muthugit/cicd/issues"
  },
  "homepage": "https://github.com/muthugit/cicd#readme"
}
Enter fullscreen mode Exit fullscreen mode

Step #5

Create the workflow file (main.yml) on the following directory

$ <root directory>/.github/workflows
Enter fullscreen mode Exit fullscreen mode

main.yml

name: FIREBASE-DEPLOY

on:
  push:
    branches:
    - master
    - release/*


jobs:
  firebase-deploy:


    runs-on: ubuntu-latest


    steps:
    - uses: actions/checkout@master
    - uses: actions/setup-node@master
      with:
        node-version: '10.x'
    - run: npm install
    - run: npm run build:prod
    - uses: w9jds/firebase-action@master
      with:
        args: deploy --only hosting
      env:

        FIREBASE_TOKEN: ${{ secrets.FIREBASE_TOKEN }}
Enter fullscreen mode Exit fullscreen mode

Step #6

Get the Firebase token by running this

$ firebase login:ci
Enter fullscreen mode Exit fullscreen mode

Step #7

  1. Goto GITHUB.com and navigate to your repository
  2. Goto Settings -> Secrets
  3. Create new secret
  4. Copy the secret generated on the previous step and name the secret as FIREBASE_TOKEN

Step #8

Thats it! Just push your code. This will deploy the PUBLIC folder to firebase hosting

Top comments (0)

Read next

arindam_1729 profile image

9 Interesting Open Source Projects You Should Explore Right Now🥷🏻 🎉

Arindam Majumder -

oyegoke profile image

High-level workflow in MERN apps

Opajobi Oyegoke -

victoriadeveloper profile image

Software Engineering Postmortem: Real-time Chat Microservice

Victoria -

abhinav707 profile image

Building a Scalable Slot Booking System with Redis Distributed Locks

Abhinav -