Flutter Web x Firebase Hosting – GitHub Action

My Workflow

This GitHub Actions workflow assists Flutter developers specifically outputting to Web.
Please see the additional resource below to stay up-to-date with the required tools for this workflow to work.

The YAML files below are part…


This content originally appeared on DEV Community and was authored by Chris Boik

My Workflow

This GitHub Actions workflow assists Flutter developers specifically outputting to Web.
Please see the additional resource below to stay up-to-date with the required tools for this workflow to work.

The YAML files below are partially auto-generated by the Firebase CLI when setting up hosting but require additional DIY steps included for you to use directly after replacing the placeholders with the names of your secrets, project IDs, and preferred hosting channels.

Submission Category:

DIY Deployments

Yaml Files

Deploy to Firebase Hosting on Merge

# This file was PARTIALLY auto-generated by the Firebase CLI
# https://github.com/firebase/firebase-tools

name: Deploy to Firebase Hosting on merge
'on':
  push:
    branches:
      - master
jobs:
  build_and_deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: subosito/flutter-action@v1 #required (unofficial as no official tool exists, yet!)
        with:
          channel: 'stable' # or: 'beta', 'dev' or 'master'
      - run: flutter pub get && flutter build web
      - uses: FirebaseExtended/action-hosting-deploy@v0
        with:
          repoToken: '${{ secrets.GITHUB_TOKEN }}'
          firebaseServiceAccount: '${{ secrets.YOUR-FIREBASE-SERVICE-ACCOUNT-SECRET-NAME }}'
          channelId: live #Your preferred Firebase channel
          projectId: YOUR-PROJECT-ID

Deploy to Firebase Hosting on PR

# This file was PARTIALLY auto-generated by the Firebase CLI
# https://github.com/firebase/firebase-tools

name: Deploy to Firebase Hosting on PR
'on': pull_request
jobs:
  build_and_preview:
    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: subosito/flutter-action@v1 #required (unofficial as no official tool exists, yet!)
        with:
          channel: 'stable' # or: 'beta', 'dev' or 'master'
      - run: flutter pub get && flutter build web
      - uses: FirebaseExtended/action-hosting-deploy@v0
        with:
          repoToken: '${{ secrets.GITHUB_TOKEN }}'
          firebaseServiceAccount: '${{ secrets.YOUR-FIREBASE-SERVICE-ACCOUNT-SECRET-NAME }}'
          projectId: YOUR-PROJECT-ID



Additional Resources / Info

This workflow wouldn't be possible without the brilliant:

GitHub logo subosito / flutter-action

Flutter environment for use in actions. It works on Linux, Windows, and macOS.


This content originally appeared on DEV Community and was authored by Chris Boik


Print Share Comment Cite Upload Translate Updates
APA

Chris Boik | Sciencx (2021-11-24T09:57:44+00:00) Flutter Web x Firebase Hosting – GitHub Action. Retrieved from https://www.scien.cx/2021/11/24/flutter-web-x-firebase-hosting-github-action/

MLA
" » Flutter Web x Firebase Hosting – GitHub Action." Chris Boik | Sciencx - Wednesday November 24, 2021, https://www.scien.cx/2021/11/24/flutter-web-x-firebase-hosting-github-action/
HARVARD
Chris Boik | Sciencx Wednesday November 24, 2021 » Flutter Web x Firebase Hosting – GitHub Action., viewed ,<https://www.scien.cx/2021/11/24/flutter-web-x-firebase-hosting-github-action/>
VANCOUVER
Chris Boik | Sciencx - » Flutter Web x Firebase Hosting – GitHub Action. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/11/24/flutter-web-x-firebase-hosting-github-action/
CHICAGO
" » Flutter Web x Firebase Hosting – GitHub Action." Chris Boik | Sciencx - Accessed . https://www.scien.cx/2021/11/24/flutter-web-x-firebase-hosting-github-action/
IEEE
" » Flutter Web x Firebase Hosting – GitHub Action." Chris Boik | Sciencx [Online]. Available: https://www.scien.cx/2021/11/24/flutter-web-x-firebase-hosting-github-action/. [Accessed: ]
rf:citation
» Flutter Web x Firebase Hosting – GitHub Action | Chris Boik | Sciencx | https://www.scien.cx/2021/11/24/flutter-web-x-firebase-hosting-github-action/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.