flutter - 如何将 Flutter Web 应用程序转换为 PWA？

Question

我正在使用 Flutter web 制作一个新的 Web 应用程序。我想将服务人员添加到我的应用程序中以使其成为 PWA。

我需要用什么来实现我的目标？

我曾尝试使用 dart 包（service_worker 或 pwa）来做到这一点，但 Dart 2 不推荐使用它们。

标签： flutterdartprogressive-web-apps

Answer 1

由于 service worker 只是 javascript 代码，你可以用纯 javascript 编写一个（例如在sw.js文件中），将它与你的 flutter web 应用程序捆绑在一起，然后从index.html文件中注册 service worker，如下所示（source）：

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/service-worker.js');
}