Flutter Web, github.ioへの配備

💡 github.ioホスティングとしては専用Tokenが必要です.

Personal Tokenはどのように発行します

https://github.com/settings/profileに接続する場合は、左のリストからDeveloper Settings > Personal access tokenに進んでください.
処理するページパス:Settings > Developer Settings > Personal access token入って右側にGenerate new tokenがあります.特定の名前を指定し、Githubが提供するKeyの値をコピーして別の手帳に貼り付けてください.
次に、デプロイするプロジェクトがあるRepositoryに移動し、作成したSettings > Secrets名と値tokenをコピーして貼り付けます.
私の場合、私の名前はkeyで、これは私の個人設定で、次の写真は私が配布するプロジェクト報告書に設定した報告機密です.

GithubはFluth Webで実装を完了します.ioを使用することにしましたが、commit_secretでflutter pub getファイルが見つかりませんでした.したがって、pubspec.ymlファイルに記載されている.ymlを変更し続けたが、正しく動作しなかった.
ありがたいことに、workingDirectoryのファイルがアップロードされ、erickzanardoの.ymlを使用しました.
リンクに移動👉

動作から学ぶ

本人GitHub Actionコード

name: Gh-Pages

on:
  push:
    branches: [ main ]

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v2
      - uses: subosito/flutter-action@v1
      - uses: erickzanardo/flutter-gh-pages@v3
        with:
          workingDir: [ 'project 경로' ] 

私の場合、構築するプロジェクトフォルダは異なるパスにあります.

	with:
          workingDir: [ 'project 경로' ] 

追加されました.workflow.ymlに/.github/workflows/が格納され、workflow.ymlにmainが格納されている場合は、Github Repositoryにアクセスして、pushのActionsとpushが表示されます.ステータスは.ymlから黄色に変わるはずです.

上図のように、

Settings>(左側のリスト)Pages>Source

に移動して、ソースコードのBranchをQueuedに変更してください.Branchの名前が写真と違う場合は、ワークフローを入力してください.ymlでは、一番上のgh-pagesがブランチ名になります.


結果を見てください。これは私の個人製品の組み合わせです。😁