Skip to content

Firebase Publish React

Actions
Github Action tool to publish your React Application to Firebase
v1.0
Latest
Star (6)

Firebase Publish React

Github Action tool to publish your React Application to Firebase

Inputs

key required default description example
firebase-token yes "" Firebase token obtained for CI tool 1//abscdsomesecret
install-firebase no TRUE If true, then action will use its own firebase cli.
If false, reuse firebase cli from previous steps.
TRUE
build-application no TRUE If true, build application before deploying.
If false, use the build directory from previous steps.
TRUE

Outputs

key description example
hosting-url Firebase Hosting Url of the deployed application https://firebase.app

Using the action

Directly use the action

- name: Deploy to Firebase
  uses: mohammed-atif/[email protected]
  with:
    firebase-token: ${{ secrets.FIREBASE_TOKEN }}

Use the action with existing build or Firebase installation to save time

- uses: mohammed-atif/[email protected]
  with:
    firebase-token: ${{ secrets.FIREBASE_TOKEN }}
    install-firebase: false
    build-application: false

Passing environment variables to build the React application

- uses: mohammed-atif/[email protected]
  with:
    firebase-token: ${{ secrets.FIREBASE_TOKEN }}
  env:
    REACT_APP_KEY1: "Key value 1"
    REACT_APP_KEY2: "Key value 2"
    REACT_APP_KEY3: "Key value 3" 

Reserved environment variables for action step

  • FIREBASE_TOKEN
  • INSTALL_FIREBASE
  • BUILD_APPLICATION

Full workflow example to demonstrate the use of url output

name: Deploy to Firebase

on:
  push:
    tags:
      - firebase-*

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
      - uses: actions/checkout@v2
      - name: Deploy to firebase
        id: firebase-deploy
        uses: mohammed-atif/[email protected]
        with:
          firebase-token: ${{ secrets.FIREBASE_TOKEN }}
      - name: Verify Output
        run: echo ${{ steps.firebase-deploy.outputs.hosting-url }}

To obtain the firebase token for CI System : Refer

firebase login:ci

Setup Firebase in React Application

Refer: Firebase QuickStart

Initialize your project with Firebase

firbase login
firebase init
  • Choose the hosting option from the list
  • Choose or Create a new Application
  • Set the build folder according to your setup
  • COmplete the setup

Collaborations

  • Contributions Welcome
  • Feel free to report a bug or request a feature
  • Need jumpstart to contribute? Refer Actions with Javascript

Firebase Publish React is not certified by GitHub. It is provided by a third-party and is governed by separate terms of service, privacy policy, and support documentation.

About

Github Action tool to publish your React Application to Firebase
v1.0
Latest

Firebase Publish React is not certified by GitHub. It is provided by a third-party and is governed by separate terms of service, privacy policy, and support documentation.