如何使用AngularDart构建脱机支持Web应用程序

时间:2016-11-24 08:05:56

标签: angular dart angular-dart

我们已经开始在AngularDart 2上构建一个简单的Web应用程序。

即使丢失了互联网连接,在客户端上运行它的最佳方法是什么?现在我正在使用Lawndart库来使用本地存储来保存从REST-Api收到的一些数据,并且它工作正常。但我还没弄明白如何告诉客户端浏览器缓存所有来源并在没有互联网连接时使用它们。 (现在我只是使用我的Redstone-Dart服务器(运行REST服务)来提供源代码)

我偶然发现了Angular Mobile Toolkit(https://mobile.angular.io/guides/),但它仅适用于TypeScript,还是有办法将它与Dart一起使用?

在项目的后期也可能需要向客户端发送推送通知...... Dart和Angular 2可以实现吗?

1 个答案:

答案 0 :(得分:2)

关于以下几点:

  

缓存所有来源并在没有互联网连接时使用它们

虽然已弃用并且名声不好,但我仍然亲自使用AppCache(https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache)。我理解解决方案看起来如此2005年人们谈论渐进式应用程序和服务工作者。它是目前唯一可以运行的跨浏览器解决方案。

很容易设置(只提供manifest.appcache)。对于角度应用程序,它主要包含index.html,main.dart.js和外部依赖项。 对我来说,它适用于Safari,Chrome和Firefox(无法分辨IE / Edge)。由于iOS是我的需要,我找不到另一种选择(服务工作者)。 Chrome开始向非https网站发送警告,但到目前为止一直很好。

真实推送通知在网络环境中更复杂;我个人使用Firebase实时数据库来“推送”更新