我们如何使用Flutter.io生成PWA

Question

我想用flutter.io开发一个移动应用。

我还可以使用该框架生成PWA吗？就像我们可以用离子产生的类似。

Answer 1

不。由于Flutter不是基于html / JS / css的

但是您可以与AngularDart应用共享代码。更多详细信息here

Answer 2

目前有两种方法可以在 Flutter 上安装 PWA 应用程序：

• 使用PWA PubDev库。
• Flutter Channel Dev （截至2020年2月17日，当前版本为1.15.3）

如果您选择在现有项目上使用Channel Dev，请使用终端命令：

flutter create .

如果我们创建一个新项目，您将在您的网络中有两个文件： manifest.json 和 index.html strong>文件夹。

在检查 index.html 时，您会注意到以下脚本：

if ('serviceWorker' in navigation) {
  window.addEventListener('load', function () {
     navigator.serviceWorker.register('/flutter_service_worker.js');
  });
}

此脚本为您创建 PWA 支持，并能够在设备（包括 MacOS ）上“安装”应用程序

按照此 GUIDE 完成您的 PWA 功能。