Flutter Webで開発していると、更新してデプロイしているのに反映されないということがあります。
これは、前回のキャッシュが残っているからで、Chromeだと「Cmd + Shift + R」のスーパーリロードをすると消えます。
ただ、ユーザーにそれをお願いすることは現実的じゃないので、エンジニアとしてできる方法を紹介します。
man.dart.jsにクエリパラメータをつけましょう
Flutterプロジェクトの/web/index.htmlにある下の1行を
<script src="main.dart.js" type="application/javascript"></script>
以下みたいにパラメータとしてバージョンをつけたものに変更します。パラメータは変化すればなんでもいいんですが、運用上やりやすいのはバージョンを刻むことかなと思います。
<script src="main.dart.js?v=1.3.3" type="application/javascript"></script>
もともとミヤジックくんが一緒にCodeBoyを開発している時に調査してくれて出た結論です。
これをCache Bustingというらしい！カッコ良すぎかよ！
ただ、これで絶対キャッシュが消えるとは限らないです。何か課題等あればコメントで教えてください！
Cache Bustingの参考文献
Flutter大学はFlutterエンジニアに特化した学習コミュニティです！ 初心者から中上級者まで幅広く在籍し、切磋琢磨しています！ 入会をご希望の方はこちらから→ flutteruniv.com
Discussion