[memo] deploy flutter web on Cloudflare Pages by Subdomain

SSGの普及に伴い、牧歌的あるいは原始的なHTMLを我らがインターネットに公開する方法もスマートになりました。

FTP？いやせめてSFTPで！とか言っていた時代は終わったのです！万歳！

Flutter web のホスティング

$ flutter build web

↑をするとbuild/webに、すごく懐かしい（思わずFFFTPとかNextFTPとか起動したくなる）感じの構成でHTMLが出力されます。

flutterがどうとかは置いといて、つまりはこのファイルというかディレクトリの中身をなんかで公開すればいいわけです。

いい時代になりました。

とはいえ今は２０００年代、アプリに割り振るアドレスもそれらしくしておきたいものです。

…そう、some.domain/app-name（１９００年代風）ではなく、app-name.some.domain（２０００年代風）で運用したいんです！

Cloudflare Pages キミにきめた！

（netlifyでもいいけど）

flutter!

$ flutter create someapp
~
All done!
~
In order to run your application, type:
  $ cd someapp
  $ flutter run

someapp $ flutter build web
~
✓ Built build/web

wrangler!

CloudflareのCLI、wranglerをインストールします。
globalへのインストールはいつの間にか非推奨になっている？

someapp $ pnpm install wrangler --save-dev
~
+ wrangler 3.74.0

someapp $ pnpm wrangler login
~

someapp $ pnpm wrangler whoami
~
👋 You are logged in with an OAuth Token, associated with the email ~
~

$ pnpm wrangler pages project create ~
~
✨ Successfully created the '~' project. It will be available at https://~.pages.dev/ once you create your first deployment.
To deploy a folder of assets, run 'wrangler pages deploy [directory]'.

$ pnpm wrangler pages deploy build/web --project-name ~
~
✨ Deployment complete! Take a peek over at https://~.~.pages.dev

subdomain!

Cloudflare DashboardのWorkers & Pagesにて、作成したプロジェクトを選択しカスタム（サブ）ドメインを設定します。

it works!

٩( ''ω'' )و