Muthupandian @muthugit

2020-09-25 2023-02-12

---

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

Create a GITHUB repository

Create a Firebase Project on the Firebase console

Initialize firebase

$ firebase init

And choose your project and select Hosting from the CLI tool

Create package.json using

$ npm init

Once the package.json created add the following component on the JSON under scripts "build:production": "node --version", "build:prod": "node --version", 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"
}

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

$ <root directory>/.github/workflows

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 }}

Get the Firebase token by running this

$ firebase login:ci

Goto GITHUB.com and navigate to your repository

Goto Settings -> Secrets Create new secret Copy the secret generated on the previous step and name the secret as FIREBASE_TOKEN

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