写点什么

现代应用开发模式:PWA vs 小程序

作者:Onegun
  • 2023-05-24
    四川
  • 本文字数:1629 字

    阅读完需:约 5 分钟

随着国内外技术及生态的迅猛发展,应用程序的开发模式也在不断演进。在过去,就我及身边同事的经验而言,会常常需要在不同的平台(如 Android、iOS)编写不同的代码,导致开发成本和维护困难的问题。

然而,近年来出现了一种新的应用开发模式,被广泛称为 PWA(Progressive Web App,渐进式 Web 应用)。与之类似的,小程序也作为另一种应用开发模式在移动应用市场中发展迅速。

出于对这两种开发模式的深入认知,准备细致对比下 PWA 和小程序的区别、技术原理以及各自的优点和不足。

PWA 的基本概念和技术原理

PWA 是一种基于 Web 技术的应用开发模式,它结合了 Web 应用和原生应用的优点。PWA 使用 Web 标准技术栈(HTML、CSS 和 JavaScript)进行开发,利用现代浏览器的功能来提供一种类似原生应用的体验。PWA 的核心理念是渐进增强,即应用程序的功能和体验可以根据设备和浏览器的支持程度逐步提升。

PWA 的技术原理主要包括以下几个方面:

  1. 响应式布局(Responsive Layout):PWA 应用的界面可以根据不同设备的屏幕大小和方向进行自适应布局,保证在各种终端上都能获得良好的用户体验。

  2. 服务工作线程(Service Workers):服务工作线程是 PWA 的核心技术之一,它是在后台运行的脚本,可以拦截和处理网络请求、缓存数据以及实现离线访问等功能。通过使用服务工作线程,PWA 应用可以在网络不稳定或断网的情况下继续提供核心功能,增强了应用的可靠性和可用性。

  3. 应用清单(Web App Manifest):应用清单是一个 JSON 文件,用于描述 PWA 应用的名称、图标、启动方式等元信息。它允许用户将 PWA 应用添加到主屏幕,并以类似原生应用的方式访问。

  4. 推送通知(Push Notifications):PWA 应用可以利用浏览器的推送通知功能,向用户发送实时通知消息,与用户进行互动。

如果对比来讲小程序是一种在 App 平台(微信、支付宝等 App)上运行的应用程序,它以 App 客户端作为容器,并使用平台提供的开发框架和工具进行开发。小程序具有小巧灵活、无需安装、原生能力等优势特点。

PWA 与小程序对比的优劣

PWA 和小程序都是现代应用开发模式,它们各自具有一些优点和不足,这里主要讲一讲 PWA 这种渐进式 Web 应用的优点和不足。

PWA 的优点

  1. 跨平台支持:PWA 应用可以在任何支持 Web 浏览器的设备上运行,包括桌面和移动设备,无需为不同平台编写不同的代码。

  2. 无需下载安装:PWA 应用可以通过浏览器访问,无需下载和安装,用户可以通过 URL 直接访问应用,并将其添加到主屏幕上,以便像原生应用一样使用。

  3. 更新便捷:PWA 应用的更新过程与 Web 网页类似,开发者可以随时更新应用的内容和功能,用户无需手动更新应用,始终使用最新版本。

  4. 离线访问:借助服务工作线程和缓存技术,PWA 应用可以实现离线访问,即使在没有网络连接的情况下,用户仍然可以访问应用的部分内容。

  5. 更好的可发现性:PWA 应用可以通过搜索引擎进行检索和发现,用户可以通过搜索关键词找到相关的 PWA 应用,提升应用的可发现性。

PWA 的不足

  1. 受限的原生能力:虽然 PWA 应用可以使用浏览器的一些原生功能,如推送通知和地理位置,但与原生应用相比,其访问原生设备能力的范围有限,例如摄像头、传感器等。

  2. 兼容性问题:不同浏览器对于 PWA 技术的支持程度存在差异,可能导致应用在某些浏览器上无法完全发挥其功能和优势。

小结

其实这样一对比我们可以直观的看到,PWA 适用于需要跨平台支持和更广泛可访问性的应用场景,尤其适合提供内容浏览、电子商务、新闻资讯等类型的应用。而小程序则更适合在微信、支付宝等生态中构建社交、生活服务和商业应用,利用平台的社交传播和原生能力。

但是现在小程序的这种限制逐渐得到突破,借助小程序容器技术能够做到小程序脱离微信、支付宝等平台运行在自己的 App 中,例如集成 FinClip SDK 或 mPaaS 即可让自己的 App 获得像微信一样的小程序运行能力,实现一端开发多端的运行。

当然相信经过持续的技术发展,还会有更多的技术创新生长在 PWA、小程序之上,我们的开发及用户的使用还会得到持续的改进。

PWA 和小程序都是推动现代应用开发模式发展的重要里程碑,推动了移动应用的创新。你会怎样进行选择?

发布于: 刚刚阅读数: 4
用户头像

Onegun

关注

这个Coder不太Cold 2021-08-25 加入

前端划水第一名🥇

评论

发布
暂无评论
现代应用开发模式:PWA vs 小程序_小程序_Onegun_InfoQ写作社区