小程序,原生app,webapp对比

这篇具有很好参考价值的文章主要介绍了小程序,原生app,webapp对比。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

➢ 小程序
小程序是一种用户只需要扫描二维码或搜一搜即可打开应用,无需下载安装即可使用的手机“应用”。开发是基于统一框架进行的,框架提供了标准界面模板,通过提供本地的API供H5上的JS调用,但运行比H5更顺畅。
下面列出小程序明显的几点优缺点。
小程序的优点:
1.无需下载安装,无需注册,即开即用,用完就走,不占用手机内存,省流量,省安装时间;
2.打开速度比H5还快,体验上接近原生App;
3.跨越安卓和苹果平台,开发成本比App低,可以将更多财力、人力、精力放在产品运营和内容本身;
4.安卓手机可以直接添加手机桌面,看上去和App差不多;
5.相较于各种App,微信小程序Ul和操作流程会更统一,降低了用户的使用难度;
6.相较于原生App,推广更简单,更省成本。
小程序的缺点:
1.只能分享给群、朋友,不能分享到朋友圈;
2.二维码长按识别之后不能直接进入小程序,只能通过微信扫一扫才能进入到小程序;
3.没有推送(push)功能,不能给用户推送消息;
4.所能获取的用户数据非常有限,基本就是头像、昵称等,没有用户体系;
5.不需要注册,用完即走,没办法多任务处理;
6.不能做游戏;
7.小而美,做垂直,功能复杂度有限制。
➢ 原生App
原生App也称为Native App,基于不同智能手机操作系统,如iOS、Android、Windows,采用不同的语言和框架进行开发,该模式通常是由“服务器+App客户端”两部分构成,App应用所有的Ul元素、数据内容、逻辑框架均安装在手机终端上,才可以使用。
原生App与小程序几点对比:
1)小程序开发比原生App更简单,开发周期更短。小程序提供框架和API,基于HTML5进行开发,对接开发者现有的App后台的用户数据,其开发难度相对App较低。
2)小程序开发成本比原生App更低。原生App开发需要的人力、物力和时间成本都比较高。
3)小程序可以满足一些简单的基础应用,低频次及偏向于线下和场景生活服务类的轻应用,餐饮、快递等行业其受欢迎程度高。而对于一些需要大量计算的功能类应用,如图片处理或文档编辑,小程序是无法满足的,只能用原生或者WebApp去实现。
4)原生App的Ul、UE可以设计得更加人性化,更绚丽,功能的完善完全取决于开发者的想象力和技术实力。对系统接口的调用更为简单,一些功能比如AR(增强现实技术)、语音识别等功能,App能够在交互、视觉等用户体验上满足用户高要求。对于更丰富、更细化、更个性化的功能,是需要更大容量实现,这就需要在App上去承载,而小程序作为轻量级应用是无法满足的。
5)原生App应用可以在App Store、Android市场、360手机助手、百度应用、安全管家等应用市场进行下载安装。微信小程序,只能通过二维码或搜索小程序的名称,以及微信群或好友分享获取应用;另外微信公众号关联了小程序,那么在公众号的介绍页面,才会出现一个相关小程序的模块。只要点击相应的图标,就能轻松打开。
6)安装流程,小程序更简单。打开微信扫描二维码即可进入小程序。App需要扫码或者搜索进行下载并安装后才可以使用。
7)原生App安装在手机上会占用一定的空间,且随着功能的不断完善和更新其占用的资源也会更多。而微信小程序无须下载,其内容和功能都不占用手机内存;但微信本身比较臃肿,好友会话、群消息、朋友圈等功能堆积会占用大量的手机内存容量。
8)功能扩展性,App更强。
9)App的维护成本较高,需要针对不同操作系统做兼容性的开发,且需要用户自行升级。小程序运行于微信平台,大部分的维护工作由腾讯完成,其维护成本、周期和流程简单,更新也主要在微信后端完成,不存在操作系统和浏览器兼容方面的问题。
10)App用户忠诚度更高,因为App内容全面,用户主动选择,App获取门槛高,二次消费门槛很低。小程序的内容碎片化,用户被动接受,用完就退出程序,虽然首次消费门槛低,但后续消费门槛无法降低,用户由于难以找到小程序而选择放弃。
11)小程序只是简化版的App,并不能涵盖App的全部内容。微信对小程序的内存大小限制在2MB,只能保存最基础的功能。App更适合高频场景的服务,天然具备独立发展成生态的潜力,可以自成一套生态体系。即使小程序在用户体验上大大增强,这些也只是增量,App还是主要的阵地。
12)小程序由于微信本身的传播能力和获客能力,可以让互联网创业公司减少试错成本,提高产品的成功率。但微信缺少小程序的展示位,小程序难以获得好的位置资源,对于初创品牌来说如何让用户搜索到并引导用户点击前往是一大难题。
➢ WebApp
WebApp也就是我们说的HTML5 App,是一种框架型App开发模式。具有跨平台的优势,该开发模式通常由“HTML5云网站+App应用客户端”两部分构成,App应用客户端只需安装应用的框架部分,应用所有界面都是通过HTML5去实现,每次打开App的时候,都是去云端获取数据呈现给手机用户。
WebApp与小程序几点对比:
1)运行环境的不同。HTML5的运行环境是浏览器,包括webview,而微信小程序的运行环境并非完整的浏览器。小程序的开发过程中会用到HTML5相关的技术(并非全部),最后的发布上线需要微信审核,微信在不更新自身软件的情况下可以将小程序更新到自身软件内,这就联想到了React Native框架,并且已经有开发者在微信小程序的开发工具源码中发现使用了React和NodeWebkit库。小程序的运行环境很有可能是微信开发团队基于浏览器内核完全重构的一个内置解析器,针对小程序专门做了优化,配合自己定义的开发语言标准,提升了小程序的性能。
2)开发成本不同。微信小程序的开发直接使用微信团队提供的开发工具,并规范了开发标准,将前端常见的HTML、CSS变成了自定义的WXML、WXSS, WXML中标签,官方文档中也有明确的使用介绍,相信上手应该是非常容易的;WXSS、JSON和JS文件中的写法稍有限制,但整体相差不多。在统一了这些标准之后,作为一个开发者,你会发现,自己只要专注写程序就可以了。并且在使用一些API时,不用再去顾虑浏览器兼容性,不用担心生产环境中出现不可预料的奇妙BUG,对一个HTML5 web开发,除了要了解熟悉复杂的开发工具(vscode、subIimtext、Atom等),还要学习前端框架(AnguIar、react、vue、backbone等)、模块管理工具(Webpack、Browserify等)、任务管理工具(Grunt、GuIp等),小到UI库选择、接口调用工具(ajax、Fetch Api等)、浏览器兼容性等都要我们一一考略,尽管这些工具可定制化非常高,并且提高了开发者的开发效率,但我相信项目开发的配置工作已经消耗了不少精力。项目中使用的各种外部库、各种工具的版本迭代、版本升级所产生的成本应该也不低。可见微信小程序的开发成本确实相比以往的web开发低很多。
3)获取系统级权限的不同。微信小程序相对于HTML5 web应用能获得更多的系统权限,比如网络通信状态、数据缓存能力等,这些系统级权限都可以和微信小程序无缝衔接,也就是官方宣称的拥有Native App的流畅性能,而这一点恰巧是HTML5 web应用经常被诟病的地方,这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。
4)运行流畅度,无论对于用户还是开发者来说,都是最直观的感受。HTML5应用面对复杂的业务逻辑或者丰富的页面交互时,体验总是不尽人意,需要不断地对项目进行优化来提升用户体验。但是由于微信小程序运行环境独立,尽管同样用html+css+js去开发,但配合微信的解析器最终渲染出来的是原生组件的效果,自然体验上更流畅。文章来源地址https://www.toymoban.com/news/detail-530788.html

到了这里,关于小程序,原生app,webapp对比的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 详细介绍微信小程序app.js

    这一节,我们详细介绍app.js 这个文件。这个文件的重要性我就不再赘述,前面已经介绍了。 任何一个程序都是需要一个入口的,就好比我们在学c++的时候就会有一个main函数,其他语言基本都是一样。很明确的说,这里的app.js对于基于js-基础模板建立的项目,它就是我们这个

    2024年04月15日
    浏览(43)
  • 【消息中间件】原生PHP对接Uni H5、APP、微信小程序实时通讯消息服务

    【uniapp】实现买定离手小游戏 Mqtt不同环境问题太多,新手可以看下 《【MQTT】Esp32数据上传采集:最新mqtt插件(支持掉线、真机调试错误等问题》 《一篇就够:uniapp-Mqtt系列问题详细攻略(解决掉线、真机调试错误等问题)》 《解决微信小程序MQTT真机连接问题与合法域名配置

    2024年02月14日
    浏览(39)
  • 微信小程序 app.js 简单调用其他页面的方法

    方法1 app.js里面 被调用函数页面 test.js 方法2 app.js文件 otherPage.js文件 方法1如果pageName没有this值将会报错,人话就是被调用的页面需要被打开过执行生命周期函数--监听页面加载; 方法2无视方法1

    2024年02月19日
    浏览(39)
  • 微信小程序 ——入门介绍及简单的小程序编写

    14天阅读挑战赛 自己决定的事情,就要不动声色的一往直前! 目录 一、小程序入门 1.1 什么是小程序 1.2 小程序的优点 1.3 小程序注册 1.4 安装开发工具 1.5 创建第一个小程序 二、小程序目录结构及入门案例 2.1 目录结构 2.2 入门案例 2.2.1 创建界面 2.2.2 设置标题 2.2.3 编写W

    2024年02月08日
    浏览(47)
  • 解决:uniapp项目打包微信小程序或原生app包(wgt),报错:failed to load config from /xx/xx-mall/vite.config.ts

    项目使用技术: uniapp + vue3 + vite4.0.3 + node(v16.20.0) \\\"@dcloudio/uni-app\\\": \\\"3.0.0-alpha-3081220230731001\\\", \\\"@dcloudio/uni-mp-weixin\\\": \\\"3.0.0-alpha-3081220230731001\\\", \\\"vue\\\": \\\"^3.3.4\\\", \\\"vite\\\": \\\"4.0.3\\\", \\\"engines\\\": {        \\\"node\\\": \\\"=16.20.0\\\",       \\\"pnpm\\\": \\\"=8.0.0\\\" }, 最新测试: 使用 高版本node (v18.15.0), 删除node_module

    2024年02月04日
    浏览(48)
  • 微信小程序--原生

    1:常见的几种场景 2:动态绑定内容 3:动态绑定属性 4:三元运算 4:算数运算 1:定义数据 2:渲染结构 3:美化样式 4:绑定input事件处理函数 1:运行方式不同 2:使用场景 1:rpx尺寸单位 1:什么是rpx尺寸单位 2:rpx的实现原理 3:rpx与px之间的单位换算*(*了解就行) 2:

    2024年02月13日
    浏览(40)
  • 微信小程序 之 原生开发

    小程序的核心技术主要是三个: 页面布局:WXML ,类似HTML 页面样式:WXSS ,几乎就是CSS(某些不支持,某些进行了增强,但是基本是一致的) 页面脚本: JavaScript+WXS(WeixinScript) 网址 : 微信小程序 网址 : 微信开发者工具下载地址与更新日志 | 微信开放文档 Vue的MVVM和小程序MVV

    2023年04月08日
    浏览(56)
  • 前端笔记--微信小程序(原生)

    介于工作需要,这里总结一下微信小程序的开发。 官网:微信小程序 开发文档:微信开放文档 vscode安装插件:   ‘ wxml 对应 html wxss 对应 css js 逻辑层 json 数据配置层 同样也是MVVM模型 (1)app.json pages :该项目的所有页面,字符串对应文件路径,但是不要加后缀名。 我们可

    2024年02月11日
    浏览(40)
  • 原生小程序 微信小程序 使用ucharts

    背景:    原生小程序需要好看的折线图。 实现: 小程序开发版本 一般是uni-app项目使用ucharts在原生微信小程序也是可以使用。 方法: 源码下载: uCharts: 高性能跨平台图表库,支持H5、APP、小程序(微信小程序、支付宝小程序、钉钉小程序、百度小程序、头条小程序、QQ小

    2024年02月09日
    浏览(41)
  • 微信小程序原生写法传递参数

        data-xxx   自定义参数名  ,接收参数:方法(变量名)  如果需要传递多个,可以写多个data-[参数]的方式进行传递 多个参数写法 data-a ,data-b, 接收参数 :方法(变量名)    建议采用全小写命名,简短短拼~

    2024年02月09日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包