flutterで作ったアプリgithub pagesにデプロイ

flutter web

を有効にしてみたので、github pagesで表示されるようにデプロイ方法を整えた

さけのわデータviewerを作った

github pageは任意のディレクトリ(今回は

./build/web

を)に対してサイト公開できないため

github-pages-actionを用いて、github actionsにてデプロイする

flutter用のテンプレートがあったので、これを使う。基本的に

./github/workflows/web.yml

などとして置いてやればよい。

GITHUB_TOKEN

の設定も自動で行われるので必要ない

gh-pages

というブランチに

publish_dir

以下のファイルが追加されるので、

gh-pages

ブランチをリポジトリのgitub pagesに設定してやる

デプロイしたあとの画面はこんな感じ

apiはcorsがかかっているため↓のコマンドでchromeを立ち上げて、確認した

/opt/google/chrome/chrome --disable-web-security --disable-gpu --user-data-dir=~/chromeTemp

flutter webでのcorsの回避方法は色々探したけどなさそうだった

uni memo