https://github.com/kevmoo/flutter_web_firebase_hosting

Short sample and instructions for configuring a Flutter Web application to deploy-on-push to Firebase Hosting
https://github.com/kevmoo/flutter_web_firebase_hosting

firebase firebase-hosting flutter flutter-web github-actions

Last synced: 7 days ago
JSON representation

Short sample and instructions for configuring a Flutter Web application to deploy-on-push to Firebase Hosting

• Host: GitHub
• URL: https://github.com/kevmoo/flutter_web_firebase_hosting
• Owner: kevmoo
• Created: 2022-01-27T22:16:51.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-01-27T23:40:27.000Z (almost 3 years ago)
• Last Synced: 2024-10-08T08:11:06.879Z (about 1 month ago)
• Topics: firebase, firebase-hosting, flutter, flutter-web, github-actions
• Language: HTML
• Homepage:
• Size: 49.8 KB
• Stars: 19
• Watchers: 2
• Forks: 4
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Sample hosted at [flutterweb-101.web.app](https://flutterweb-101.web.app/).

1. Creat a Flutter web project

```console

flutter create --platforms=web .

```

1. Create a Firebase project

   - Go to [console.firebase.google.com](https://console.firebase.google.com/)

   - Click on "Add project"

   - Follow the instructions

   - Once the project is created...

1. Enable hosting

   - Click on "Hosting" on the left navigation (on the Firebase project page)

   - Follow the instructions to install the Firebase CLI tools (if you don't

     already have them installed).

   - When running `firebase init`, choose `Hosting` and `GitHub Action deploys`.

   - When going through the configuration, set `"public"` to `build/web`.

   - Change the build command to `flutter build web`.

1. Update `.github/workflows` for Flutter

   - Update the two generated `firebase-hosting-` files to include Flutter

     setup:

   ```yaml

   steps:

      # This has to come before `flutter bulid web`

      - uses: subosito/[email protected]

      with:

         # Defining the channel is optional - I'm using beta

         channel: beta

         # Setting cache is also optional, although this does speed up builds!

         cache: true

      - uses: actions/checkout@v2

   ```