首页 > 编程语言 >PWA V.S. 小程序,该如何选?

PWA V.S. 小程序,该如何选?

时间:2023-09-14 19:57:54浏览次数:27  
标签:Web App 程序 用户 如何 开发者 PWA

PWA代表“渐进式网络应用”(Progressive Web Application)。它是一种结合了网页和移动应用程序功能的技术概念。PWA旨在提供类似于原生应用程序的用户体验,包括离线访问、推送通知、后台同步等功能,同时又具有网页的优势,如跨平台、无需下载安装等。   PWA 这个概念在行业内发展的挺快,基于 Chromium 的浏览器 Chrome 和 Opera 已经完全支持 PWA 了,Firefox 和微软的 Edge 正在开发中,水果公司的 Safari 最近刚刚表达了可能会支持 PWA。从长久的角度看,只要 Google 不断推动一些网站往 PWA 转型,其他的浏览器或者竞争对手也就会自然跟风上船。    

PWA建快应用,小程序建超级App?

有的同学会问,为什么会有这么奇怪的联想和对比?这还需要从上述两种技术生态技术支持的方向来讲。  

PWA生态系统支持

广泛支持:PWA可以在几乎所有现代浏览器上运行,无需安装和更新,具有广泛的设备和平台支持。 Web技术栈:PWA使用Web标准技术(HTML、CSS和JavaScript),开发者可以充分利用现有的Web开发知识和工具。 开发者社区:PWA拥有庞大的开发者社区,提供丰富的资源、工具和支持。  

小程序生态系统支持

流量入口: 小程序可以通过微信、支付宝等主流社交平台作为流量入口,除了这些巨头的流量平台以外,小程序目前也可以运行在企业自有App中了,任何企业的App只需要通过集成小程序运行时SDK,即可获得小程序运行能力,(目前市面上主流的小程序SDK商有FinClip等),让小程序拥有更多分发渠道。   小程序生态:在BAT等巨头的带动下,市场上已经有11大小程序平台,700W+的小程序应用,覆盖200+个细分垂直领域,可见,小程序生态在国内已经具备相当影响力的规模。正因为如此迅猛的发展,互联网系列全球标准的制定者W3C,也正在通过其Mini-Apps工作组制定小程序技术的国际标准。   作为Web 2.0的标志性技术产物,历经互联网蓬勃发展的市场需求的迭代,衍生出许多标准化的、能够降低App开发的插件式SDK:极光推送、声网音视频、第三方登录、第三方支付.....这些插件的发展,进一步的推动了App组装式应用。   开放能力:小程序提供了丰富的开放能力,开发者可以与硬件设备和第三方服务进行集成。   与此同时,两种技术的跨端能力也是有区别的。PWA的跨端是基于Web标准,可以在不同平台和设备上运行,包括桌面、移动和平板设备。 而小程序的跨端能力重点在智能移动终端(App,Pad等),现在基于一些厂商的小程序容器技术(如:FinClip),还可以在各类智能终端上运行(例如:智能车载设备、智慧大屏等等)    PWA和小程序虽然技术实现原理有所不同,但它们共同的目标是扩大智能设备的生态构建。随着智能手机、平板电脑、智能音箱等智能设备的普及,用户的需求也在不断演变,他们期望更灵活、更高效地获取信息和使用应用程序。在这一背景下,PWA和小程序崭露头角,成为了满足这些需求的重要方式。   PWA通过利用Web技术的灵活性和跨平台性,为用户提供了无缝的跨设备体验。用户可以从各种浏览器中访问PWA,无需下载或安装,这为开发者提供了更广泛的覆盖面,同时也降低了用户获得价值内容的门槛。离线访问、推送通知等功能增强了用户粘性,使PWA成为了吸引和保留用户的有力工具。   小程序则在特定的平台生态系统中崭露头角,为开发者提供了更深度的集成和用户接触点。通过应用商店的分发和推广机制,小程序能够迅速扩大用户基础,为企业和品牌提供了直接触达用户的机会。尤其是在社交媒体平台上,小程序的分享和使用已成为用户互动和交流的一种重要方式。  

标签:Web,App,程序,用户,如何,开发者,PWA
From: https://www.cnblogs.com/speedoooo/p/17703286.html

相关文章

  • 微信小程序 van-field动态赋值,不显示
    比如说要修改lst的值data:{lst:[{id:1,value:'11111',},{id:2,value:'',}],...}修改id:2的值后,发现界面上显示不出来。解决:1、声明一个新的list:[]2、将lst的值赋值给list(setData)这样就可以显示。......
  • 如何从0开始画出一张优秀的架构图
    咱们做开发的,日常工作中多多少少都会涉及一些架构设计方面的知识。说到架构设计就不得不提架构图,曾几何时,每一个软件项目都需要一个架构图。但想要画好一张架构图并不容易,一个很简单的架构也可能会出错。你可能曾经也遇到过类似的问题:在构思架构图的过程中,如何针对当前需求选择......
  • 解决vue3中抽离出来的js如何调用页面的方法
    有时我们会用render渲染表格的columns,里面的按钮如何去调用.vue文件的方法?思路;在.vue文件中我们通过参数的方式传给.js文件,然后用变量接收,点击时执行(注意:.vue文件中setup执行比较早,按钮是点击事件,不会主动执行函数。为防止函数未声名就当做参数传递,必须在最后执行getFn函数,和d......
  • 程序结构(下)
    4.3循环结构重复性的去做某一件事情4.3.1while循环•语法:while(条件){ //代码1}进入while之后进行条件判断,条件为真时执行while后面大括号中的代码,这里的代码执行完后会返回到while条件继续判断,如果条件为假,结束循环的执行打印1-10之间所有的数,属性循环次数......
  • 如何写论文的 abstract摘要和introduction背景介绍
    摘要是题目的扩展、简介是摘要的扩展、正文是简介的扩展,逻辑紧密,环环紧扣。无论是摘要、简介还是正文,围绕的核心都是一个点:题目,突出的是工作内容+创新点。其实无论是核心还是sci,写科技文就像是写八股文,套路都是一样的。下面提供一点写摘要和背景介绍的思路和建议。如何写abstract......
  • 企业如何高效平滑迁移数据?火山引擎DataLeap上线整库搬迁解决方案
     更多技术交流、求职机会,欢迎关注字节跳动数据平台微信公众号,回复【1】进入官方交流群 近日,火山引擎大数据研发治理套件DataLeap上线整库搬迁解决方案,包括整库离线同步、整库实时同步两大能力,大大提升数据上云便捷性,降低数据迁移成本,使用户易上手,低运维。 该解决方案基......
  • 企业如何高效平滑迁移数据?火山引擎DataLeap上线整库搬迁解决方案
    更多技术交流、求职机会,欢迎关注字节跳动数据平台微信公众号,回复【1】进入官方交流群近日,火山引擎大数据研发治理套件DataLeap上线整库搬迁解决方案,包括整库离线同步、整库实时同步两大能力,大大提升数据上云便捷性,降低数据迁移成本,使用户易上手,低运维。该解决方案基于成熟的技术引......
  • nginx 如何配置指向带有hash值的index.html文件?
    要在Nginx配置中指向带有哈希值的index.html文件,可以使用通配符(*)来匹配文件名中的哈希部分。以下是一个示例配置:location/{root/path/to/html/demo;indexindex.html;try_files$uri$uri//index.html;location~^/index\.(\w+)\.html${#使用......
  • 百度地图GL javascript API 如何绘制流动箭头的线?
    要使用百度地图GLJavaScriptAPI绘制流动箭头线,可以使用Polyline和Symbol样式来实现。下面是一个示例代码://创建地图实例varmap=newBMapGL.Map("mapContainer");map.centerAndZoom(newBMapGL.Point(116.404,39.915),11);//创建折线varpoints=[newBMapG......
  • 如何在gradio使用多进程,并且使用进度条显示多进程
    直接上代码:defmethod_a(progress=gr.Progress(track_tqdm=True)):pool=multiprocessing.Pool(multiprocessing.cpu_count())param_v=range(10)pbar=tqdm(total=len(param_v))resy=[]forpinparam_v:pool.apply_async(task_deal......