Flutter后台服务管理插件service_worker的使用

Dart-y包装器用于ServiceWorker API。

警告：该API是实验性的，并且可能会更改。

Service Workers

服务工作者是一种事件驱动的工作器，注册在源和路径上。它采用JavaScript文件的形式，可以控制与之关联的网页/站点，拦截并修改导航和资源请求，并以非常细粒度的方式缓存资源，使你完全控制应用在某些情况下的行为（最明显的场景是在网络不可用时）。

服务工作者在工作线程上下文中运行：因此，它无法访问DOM，并且运行在主JavaScript线程之外，所以它不会阻塞。它被设计为完全异步；因此，在服务工作者内部不能使用同步XHR和localStorage等API。

• W3C草案：https://www.w3.org/TR/service-workers/
• Mozilla文档：https://developer.mozilla.org/en/docs/Web/API/Service_Worker_API

快速开始

从你的应用程序脚本中注册服务工作者，类似于example/web/main.dart：

import 'package:service_worker/window.dart' as sw;

void main() {
  if (sw.isSupported) {
    sw.register('sw.dart.js');
  } else {
    print('ServiceWorkers不被支持。');
  }
}

编写独立的服务工作者脚本，类似于example/web/sw.dart：

import 'package:service_worker/service_worker.dart';

void main(List<String> args) {
  onInstall.listen((event) {
    print('服务工作者已安装。');
  });
}

限制

在调试模式下，你需要强制dart2js编译才能使服务工作者正常工作。请参阅示例文件夹中的build.yaml。

完整示例Demo

下面是一个完整的示例，展示了如何设置和使用服务工作者。

主应用程序文件 main.dart

import 'package:flutter/material.dart';
import 'package:service_worker/window.dart' as sw;

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  void initState() {
    super.initState();
    // 检查是否支持服务工作者
    if (sw.isSupported) {
      // 注册服务工作者
      sw.register('sw.dart.js');
    } else {
      print('ServiceWorkers不被支持。');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo Home Page'),
      ),
      body: Center(
        child: Text('Hello World'),
      ),
    );
  }
}

服务工作者文件 sw.dart

import 'package:service_worker/service_worker.dart';

void main(List<String> args) {
  // 监听安装事件
  onInstall.listen((event) {
    print('服务工作者已安装。');
  });
}