跳到主要内容

渐进式网页应用

· 阅读需 4 分钟
q-org

什么使微微成为PWA?

信息

微微 采用构建 Web 应用的新理念。

Web应用更加易于发现:相比于安装应用,访问一个网站显然更加容易和迅速。还可以通过链接来分享 Web 应用。

原生应用 与操作系统可以更加完美的整合,也因此为用户提供了无缝的用户体验。你可以通过安装应用使得它在离线的状态下也可以运行;相较于使用浏览器访问,用户也更喜欢通过点击主页上的图标来访问它们喜爱的应用。

信息

微微 同时拥有以上两种应用优势的能力。

设计原则

  • 响应式(Responsive), 在任何具有屏幕和浏览器的设备上可以正常使用——包括电脑、手机、笔记本、平板、投影仪等。

  • 可发现(Discoverable), 可以通过搜索引擎发现。

  • 可安装(Installable), 可以出现在设备的主屏幕。

  • 可链接(Linkable), 可以简单地通过 URL 分享。

  • 独立于网络(Network independent), 可以在离线状态或者是在网速很差的情况下运行。

  • 渐进式(Progressive), 在老版本的浏览器仍旧可以使用,在新版本的浏览器上可以使用全部功能。

  • 可重入(Re-engageable), 无论何时有新的内容,都可以发送通知。

  • 安全(Safe), 在用户、应用和服务器之间的连接是安全的,第三方无法访问你的敏感数据。

这么做值得吗?

当然值得!只需要相对较小的代价就可以实现 PWA 的核心特性,而优势却是巨大的。

例如:

  • 减少应用安装后的加载时间,通过 Service Workers 来进行缓存,以此来节省带宽和时间。
  • 当应用有可用的更新时,可以只更新发生改变的那部分内容。相比之下,对于一个原生应用而言,即便是最微小的改动也需要强制用户去再次下载整个应用。
  • 外观和使用感受与原生平台更加融为一体——应用图标被放置在主屏幕上,应用可以全屏运行等。
  • 凭借系统通知和推送消息与用户保持连接,对用户产生更多的吸引力,并且提高转换效率。

欢迎关注我的公众号“Doocs”,原创技术文章第一时间推送。