PWA 应用是什么?关键技术又包含哪些?

PWA 与小程序各有千秋。PWA 具备独特的技术亮点,然而在国内的发展态势却稍显平缓,PWA 应用到底是什么?关键技术又包含哪些呢?

在国内,小程序发展得风生水起,与此相对,PWA 应用的情形则稍显冷清。尽管 PWA 与小程序存在不少相似之处,不过由于 PWA 由谷歌倡导推出,而小程序由微信大力推动,所以小程序在国内得到强力支持并快速结出硕果。那么,在着手打造首个 PWA 应用之前,我们不妨来认识一下 PWA 应用是什么以及它的核心技术有哪些。

PWA 的关键技术主要涵盖四个方面:

桌面图标 Web App Manifest:借助配置 JSON 文件,使得 PWA 应用在添加至桌面后,更趋近于原生应用的感受。一旦存在 Manifest File,浏览器就会给出 “添加到主屏幕” 的提示,倘若用户应允,图标便会添加到主屏幕并完成 PWA 的安装。

离线访问 Service Worker:这是一段 JavaScript 代码,能够充当浏览器与网络之间的代理,支持推送通知、后台同步、缓存等功能,尤其可以拦截并处理网络请求,利用缓存达成离线访问,让开发者能够更好地掌控用户体验。

消息推送 Push Api & Notification Api:这两个相互独立的 API 能够协同运作,消息推送能够在无需客户端介入的情况下,将新内容从服务器传送到应用,实现消息推送与通知的功能。

应用壳及应用结构 App Shell & App Skeleton:构成应用的基础架构。

PWA 应用具有无需专门安装、较为轻便、不占据大量空间、可跨平台等优点,用户只需一款支持 PWA 应用的浏览器,就能够轻松添加并使用。比如谷歌官方的 PWA 体验示例 squoosh.app,页面大小仅为 41K。

与此同时,虽然 PWA 在国内的一些国民级 App 如淘宝、豆瓣中有一定的应用,但是小程序更适宜在微信、支付宝等生态环境中构建社交、生活服务以及商业应用。不过,如今凭借小程序容器技术,小程序的局限正逐渐被打破,例如集成 FinClip SDK 或者 mPaaS 能够让 App 获得类似微信的小程序运行能力。可以预见,随着技术的不断发展,在 PWA 和小程序的基础上还会涌现出更多的技术创新,持续改进开发工作以及用户体验。

PWA 和小程序均为推动现代应用开发模式发展的重要标志,促进了移动应用的创新。

未经允许不得转载:PWA 出海网 » PWA 应用是什么?关键技术又包含哪些?