Dart の PWA package を試して見た

Last updated at 2018-01-09Posted at 2018-01-04

自分のProject では、なるたけ Dart を利用するようにしています。
Dart でオフラインアプリを作る方法について調べて見ました。

code

index.html

<html>
<head>
    <meta charset="utf-8">
    <title>Dart PWA Hello</title>
    <script defer src="main.dart" type="application/dart"></script>
    <script defer src="packages/browser/dart.js"></script>
</head>

<body>
    Hello!!
</body>
</html>

maind.dart

import 'package:pwa/client.dart' as pwa;

void main() {
  pwa.Client client = new pwa.Client(scriptUrl: './pwa.dart.js');
}

pwa.dart

void main() {
  Worker worker = new Worker();

  worker.offlineUrls = <String>[
    "http://localhost:8000/",
    "http://localhost:8000/index.html",
    "http://localhost:8000/packages/browser/dart.js",
    "http://localhost:8000/main.dart.js",
  ];

  worker.run(version: "v0.0.1");
}