写点什么

PWA 和小程序的比较与优势

  • 2023-06-20
    广东
  • 本文字数:2155 字

    阅读完需:约 7 分钟

 先说说为什么要推出 PWA 技术

首先,网页应用在一定程度上受到了浏览器的局限,所能获得的权限,效能都是的很多复杂的功能很难实现,这是更简单的方法就是开发原生应用了。而 PWA 就是一个试图把两者相融合的尝试。如果需求不大,新公司已经没有必要花血本雇佣不同平台的开发人员做原生了,只要一个 PWA 就够了。另外当网页应用发展更好之后,整个移动平台的用户都提升了,对于正在转型移动平台的 Google 来说当然价值非常。

我个人觉得这是一个很好的尝试,也会推进行业的发展,但是究竟能走多远抱有谨慎乐观的态度(如今微信也加进来应该更乐观了)。

其次,当你主导的技术在市场上被广泛采用的时候,你在整个行业的话语权都会提高,也有更多的获利机会。

比如我在广告业务的的技术支持部门工作,有的同事就会去有的广告业务客户那里推销 PWA,同时公司内部也有各种 PWA 的培训和讲座。如果公司没有或者用户没有安装原生应用的话,PWA 拥有比传统网页更好的体验,在计算竞价排名上也有优势(Landing page experience),PWA 就会给客户公司带来更多的用户,而更多的用户也就带来了更多的收入,自然的 Google 也就获得了更多的广告收入。。

PWA 这个概念在行业内发展的挺快,,基于 Chromium 的浏览器 Chrome 和 Opera 已经完全支持 PWA 了,Firefox 和微软的 Edge 正在开发中,水果公司的 Safari 最近刚刚表达了可能会支持 PWA。从长久的角度看,只要 Google 不断推动一些网站往 PWA 转型,其他的浏览器或者竞争对手也就会自然跟风上船。

一、PWA 与小程序特点比较

PWA 的技术特点

渐进式增强:PWA 可以在所有现代浏览器中运行,并逐步提供更高级的功能,使得应用程序可以适应不同的浏览器和设备。 响应式设计:PWA 可以自适应不同屏幕尺寸和设备类型,提供一致的用户体验。

离线访问:PWA 能够通过使用 Service Worker 技术实现离线访问,使应用程序在网络连接不可用时继续运行。

安装与推送通知:PWA 可以通过添加到主屏幕和发送推送通知来模拟原生应用的体验。

更新简便:通过 Service Worker,PWA 可以实现自动更新,无需用户手动更新应用程序。

小程序的技术特点

快速加载:小程序采用了轻量级的框架和组件,加载速度快,用户可以迅速打开应用程序。

原生集成:小程序能够与设备的硬件功能(如摄像头、定位、陀螺仪等)进行原生集成,提供更丰富的功能和用户体验。

应用商店分发:小程序可以通过应用商店进行分发,用户可以方便地搜索、发现和安装小程序。

统一开发环境:小程序开发使用统一的开发工具和语言,减少了开发者的学习成本。

数据共享:小程序可以共享用户数据,提供更便捷的登录和数据传输。

二、PWA 与小程序生态系统支持比较

PWA 生态系统支持

广泛支持:PWA 可以在几乎所有现代浏览器上运行,无需安装和更新,具有广泛的设备和平台支持。

Web 技术栈:PWA 使用 Web 标准技术(HTML、CSS 和 JavaScript),开发者可以充分利用现有的 Web 开发知识和工具。 开发者社区:PWA 拥有庞大的开发者社区,提供丰富的资源、工具和支持。

小程序生态系统支持

流量入口: 小程序可以通过微信、支付宝等主流社交平台作为流量入口,除了这些巨头的流量平台以外,小程序目前也可以运行在企业自有 App 中了,任何企业的 App 只需要通过集成小程序运行时 SDK,即可获得小程序运行能力,(目前市面上主流的小程序 SDK 商有FinClip、Mpaas 等),让小程序拥有更多分发渠道。

开放能力:小程序提供了丰富的开放能力,开发者可以与硬件设备和第三方服务进行集成。

数据分析和统计:小程序生态系统提供了数据分析和统计工具,帮助开发者了解用户行为、应用性能和使用情况。开发者可以通过这些工具获取关键指标和数据,进行数据驱动的优化和改进。这些工具提供了可视化的报表和图表,帮助开发者更好地理解用户行为和应用运行情况。

三、PWA 与小程序跨平台能力比较

PWA 的跨平台能力

基于 Web 标准:PWA 基于 Web 技术,可以在不同平台和设备上运行,包括桌面、移动和平板设备。 响应式设计:PWA 可以根据设备的屏幕尺寸和分辨率进行自适应,提供一致的用户体验。 兼容性:PWA 能够在各种现代浏览器上运行,并且不需要针对不同平台进行额外的开发和适配工作。

小程序跨平台/终端能力

移动平台重点: 小程序之前主要面向移动平台(如微信、支付宝),现在小程序也可以在各类智能终端上运行(例如:智能车载设备、智慧大屏等等)

四、性能与用户体验比较

PWA 的性能与用户体验

加载速度: PWA 使用 Service Worker 缓存技术,可以实现快速加载和离线访问。 响应性: PWA 具有较快的响应速度,并提供与原生应用类似的交互体验。 SEO 友好: PWA 可以被搜索引擎索引和检索,提高应用程序的可发现性。

小程序的性能与用户体验

快速启动: 小程序采用轻量级的框架和组件,具有较快的启动速度和页面切换。 无需安装: 小程序无需安装即可使用,用户可以直接访问并体验应用程序。 与硬件集成: 小程序可以与设备的硬件功能进行原生集成,提供更丰富的用户体验。

最后

小程序则在流量入口、应用商店支持和与硬件集成方面表现突出。开发者在选择适合自己项目需求的技术方案时,应根据具体情况权衡各自的优势,并结合项目需求、目标用户和开发团队的技术栈来做出决策。PWA 和小程序都是当前移动应用开发领域的热门技术方案,它们各自具有独特的优势。从开发者的角度出发,PWA 具有广泛的浏览器支持、跨平台能力和成熟的 Web 开发生态系统。

用户头像

还未添加个人签名 2023-01-18 加入

还未添加个人简介

评论

发布
暂无评论
PWA和小程序的比较与优势_没有用户名丶_InfoQ写作社区