前々から気になっていたFlutter on the Webを弊アプリ「来期アニメ」で試してみました。
◆対応方法
基本的には以下の通りやれば、2日程度で特に問題なく対応できました。
FlutterでWebアプリをリリースする際にやったこと
zenn.dev
アプリ固有の問題として、外部APIを呼び出している部分が、javascript のXMLHttpRequestに置き換えられるため、クロスドメインを超えられず、CORSポリシーエラーになってしまう問題が発生しました。
しょうがないので、外部APIを中継するプロキシサーバー的なスクリプトをWebアプリ配置ドメインに置いて回避しました。その顛末は以下です。
◆デバッグビルド
flutter run -d chrome --web-hostname localhost --web-port 5000 --web-renderer html◆デプロイ用パッケージ作成＆リリース
flutter build web${project}/build/web/*が生成されるので、*をWebサーバーにデプロイすることでリリースが完了します。
◆出来たWebアプリ
来期アニメ-「来期のアニメ何観よう」を解決！
来期スタートの新作アニメの最新情報をシンプルにお届けします。
take424.dev
アクセスするとわかりますが、初回のページ読み込みが超遅いです。
ページ開いてしまえば割と快適ではありますが実用に耐えるレベルとは言い難いです。
ググった感じ、皆さんそんな感じの様子。
理由は色々あるようです。
・2MB以上になるmain.dart.js
・webフォントのロードの遅い
・画像のロードが全てAjax
・等々
以上、現状のFlutter Webはどんな感じか知りたい、試してみたい人の参考になれば幸いです。
コメント