是否可以将使用角度1编码的webapp转换为PWA(渐进式Web应用程序)?

时间:2017-10-19 07:38:03

标签: angularjs progressive-web-apps

我有一个使用角度1开发的webapp。我必须将它转换为渐进式网页应用程序这是可能的,我已经在youtube中查看了许多教程,但所有这些教程都使用了角度2及以上。角度1是否支持此PWA功能?请帮忙......

2 个答案:

答案 0 :(得分:19)

没有关于PWA的特定于框架的内容 - 您的网站必须满足certain set of criteria

  • 所有内容均通过HTTPS提供
  • 设计必须具有响应性
  • 您的应用必须可离线使用(即需要Service Worker
  • 您需要提供包含有关您的应用程序的manifest file元数据
  • 您的应用必须适用于所有现代浏览器
  • 页面转换不应该阻止应用程序(例如,如果需要花费一些时间来加载,您需要显示加载屏幕/微调器)
  • 应用中的每个页面都需要一个唯一的网址

所有这一切都可以通过Angular 1实现 - 它可能更容易使用现代框架,但没有什么可以阻止你坚持你已经得到的东西,至少现在。

Addy Osmani(我认为他在谷歌工作并参与了PWA规范)a good example of an Angular 1 PWA on his GitHub

答案 1 :(得分:2)

我的代码成功,我添加了serviceworker.js和manifest,我忘了清除手机中的缓存。这是问题而不是代码。现在它的工作正常。清除测试设备中的缓存,然后再次显示到主屏幕,它将起作用。