https://github.com/himanshusharma89/dev

Using GitHub Actions use GitHub Pages to host your Flutter Web app. And much more.
https://github.com/himanshusharma89/dev

cd ci dev flutter flutter-web github-actions github-pages

Last synced: about 1 month ago
JSON representation

Using GitHub Actions use GitHub Pages to host your Flutter Web app. And much more.

• Host: GitHub
• URL: https://github.com/himanshusharma89/dev
• Owner: himanshusharma89
• License: mit
• Created: 2020-09-11T08:15:57.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-09-14T18:24:26.000Z (over 5 years ago)
• Last Synced: 2025-08-02T00:38:04.219Z (11 months ago)
• Topics: cd, ci, dev, flutter, flutter-web, github-actions, github-pages
• Language: Dart
• Homepage: https://himanshusharma.tech/dev
• Size: 1.26 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Dev

A new Flutter project for the **GitHub Actions x DEV Hackathon!**

[GitHub Action for Flutter Web](https://dev.to/rageremix/github-actions-for-flutter-web-4pcj)

This GitHub Action "**Flutter Web CI**" is designed to automate the developers work to: 

* Configure the flutter tool for web support

* Build an app with web support

* Archive the build and upload the Artifact

* Download the Artifact

* Display structure of build files

* Use GitHub Pages to host your Flutter Web app

## Usage

```yaml

name: Flutter Web CI

on:

  push:

    branches: [ master ]

  pull_request:

    branches: [ master ]

jobs:

  build:

    runs-on: ubuntu-latest

    env:

      my_secret: ${{secrets.GH_DEPLOY}}

    steps:

    - uses: actions/checkout@v1

    - uses: subosito/flutter-action@v1

      with:

        channel: beta

    - run: flutter config --enable-web

    - run: flutter pub get

#     - run: flutter test

    - run: flutter build web

    - name: Archive Production Artifact

      uses: actions/upload-artifact@master

      with:

        name: web-build

        path: build/web

    - name: Download Artifact

      uses: actions/download-artifact@master

      with:

        name: web-build 

    - name: Display structure of build files

      run: ls -R

      working-directory: ./web

    - name: Deploy to GH Pages

      run: |

        cd build/web

        git init

        # type configurations: your user.email and user.name followed lines 

        # git config --global user.email your_email 

        # git config --global user.name your_name 

        git config --global user.email ranubhardwaj89@gmail.com

        git config --global user.name himanshusharma89

        git status

        # change this remote url for examle your remote url is https://github.com/onatcipli/flutter_web.git then the following:

        git remote add origin https://${{secrets.GH_DEPLOY}}@github.com/himanshusharma89/dev.git

        git checkout -b gh-pages

        git add --all

        git commit -m "update"

        git push origin gh-pages -f

```

### Additional Resources / Info

This GitHub Action uses the following open-source GitHub Actions:

[subosito/flutter-action](https://github.com/subosito/flutter-action)

[actions/upload-artifact](https://github.com/actions/upload-artifact)

[actions/download-artifact](https://github.com/actions/download-artifact)

[Flutter Web — Github Actions-Github Pages](https://medium.com/flutter-community/flutter-web-github-actions-github-pages-dec8f308542a)

A few resources to get you started with Flutter project:

- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)

- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)

##### Made with ♥ by Himanshu Sharma