【问题标题】:Build a progressive web apps using angular4.使用 angular4 构建渐进式 Web 应用程序。
【发布时间】:2017-07-31 14:48:06
【问题描述】:

我想使用 angular4 构建一个渐进式网络应用程序。我之前构建了一些小的 Angular Web 应用程序,但从未构建过 PWA。在研究过程中,我遇到了许多构建 PWA 的方法。有人说使用

  1. 构建 PWA 的 Ionic 框架
  2. 使用 angular4、服务工作者和清单的 PWA。

目前是否有专家在技术方面提供建议,这是从 2 个解决方案中构建 PWA 的最佳且可扩展的解决方案,或者如果您有任何其他解决方案也受到欢迎,但唯一的一点是我想使用 angular4

【问题讨论】:

  • 对于真正可扩展的生产应用程序,PWA 还没有准备好。没有可用的 iOS 支持,即使在 android 设备上,我也不知道你会如何使用它。是的,在 android 主屏幕上有一个 webapp 的快捷方式很有趣,但基本上就是这样。目前使用混合解决方案(如 Ionic),您实际上最终会得到一个感觉原生的可安装产品。其他一切都没有比响应式网站更好。
  • 我可以理解。我/曾经处于类似情况。我们没有时间,也没有足够的劳动力,但我们需要为我们的目标群体提供一个移动友好的应用程序,它应该拥有我们的网络应用程序所拥有的所有功能。我基本上必须决定同样的事情,我确实通过了这个想法来获取我们 Angular 应用程序的核心并以 PWA 的形式构建一个移动版本。我可以告诉你一个巨大的错误;)
  • 原因是......你的 PWA 不会很快出现在任何商店,如果,绝对不会出现在苹果商店。所以你不想只为安卓用户服务,对吧?接下来,一旦你告诉你的老板你正在构建一个花哨的 PWA(就像我所做的那样),他们期望的不仅仅是移动响应网站。但事实并非如此。你甚至没有办法强制视口方向。使用响应优化的应用程序,直到你有一个真正的应用程序。如果您没有时间使用(两个)真正的原生应用程序,至少可以使用 ionic 或 xamarin 或类似的东西。
  • 很高兴我能帮上忙。我还要补充一点。当然,网络工作者(即使 Angular 团队开始较少关注它(仅查看最近的 Renderer2 更改))很适合缓存内容并使加载过程更顺畅以及 manifest.json 可以升级您的应用程序的方式在移动 chrome 上也不错。但是这些你可以毫不费力地添加到任何网站。不疼。我只是不会称它为原生应用程序的替代品。因此,您的选择应该是 a) 面向移动的网页(您可以使用 service worker 和 manifest 进行一些升级)或 b) 混合应用程序。
  • 我理解你。我要说的是,如果您使用“pwa”,请不要尝试将其视为应用程序的替代品。正如我所说,它只是一个面向移动的网页。而已。如果这足以(我会说在大多数情况下)只是为了展示你的产品的核心,那就去吧。构建一个 service worker 来缓存你的 shell,添加清单来为一些用户提供一个漂亮的闪屏和一个主屏幕按钮,并摆脱地址栏并继续使用它。如果您想要更多,则需要更多时间并使用离子。后者当然更可靠,但对于想要原生的高级用户来说仍然感觉很糟糕。

标签: angular progressive-web-apps


【解决方案1】:

根据 Google Developers 上的此页面 https://developers.google.com/web/progressive-web-apps/

Progressive Web Apps 是具有 网络,并且是:

可靠 - 即时加载,即使在不确定的网络条件下也不会显示 downasaur。

快速 - 以丝般流畅的动画快速响应用户交互,并且没有卡顿的滚动。

引人入胜 - 感觉就像是设备上的自然应用,具有身临其境的感觉 用户体验。

现在,可以使用 Angular 4 + Angular 2/4 Material + Teradata Covalent 开发 Reliable And Engaging

Angular 4 项目已经成熟,Material 和 Covalent 都在 Beta 中出来,破坏 API 的可能性很小。

Angular 4 材质:-https://material.angular.io Teradata 共价:- https://teradata.github.io/covalent/

【讨论】:

  • 感谢您的回答Ravinder Payal
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-12-23
  • 1970-01-01
  • 1970-01-01
  • 2019-10-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多