职贝云数AI新零售门户

标题: H5与小程序该怎样选，各自的优缺陷 [打印本页]

作者: 清水漪澜 时间: 2023-3-13 12:53
标题: H5与小程序该怎样选，各自的优缺陷
各位市场部的冤家们大家好！
当你的公司决议要开发一款基于微信的运用程序的时分，你能否曾经犹疑过，终究是应该选择基于H5的微网站，还是微信小程序呢？
工作中，小编常常被客户问到这个成绩，但是，这并不是三言两语可以说清楚的。所以，我想索性把H5和小程序的区别写上去，这就有了这篇文章。
置信这篇文章可以一次性处理你对于H5和小程序的差别的疑问。假如觉得有用，欢迎点赞，或转发给有需求的人。你也可以将想法留在评论处，我们会逐一回应。
一、 本质区别

首先，阐明一下小程序和H5最为本质的区别：
小程序是基于特定平台APP基础上的一个轻运用，不能脱离其所在的平台单独运转。换而言之，微信小程序只能在微信APP中运转；同理，支付宝小程序也只能在支付宝APP中运转，其他小程序也是一样的道理。本文中的小程序泛指微信小程序。
H5可以简单的将它了解为网页，微信H5是国内营销圈对于手机微网站的一个泛称。除了一些特定状况外，比如添加了微信授权功能，H5是可以在手机和PC阅读器中打开的。
由此可见，假如你所要开发的运用有在微信以外运用的需求，则只能选择H5，而不是小程序。由于微信小程序分开微信APP则无法运用。
二、 运用入口的不同

经过六年多的演化，小程序与H5在微信APP中的入口曾经逐渐的趋于接近，比如说都可以扫码进入（二维码的格式不同）；可以微信聊天窗转发（小程序卡片更大、更显眼）；可以嵌入微信公众号菜单；可以插入公众号推文（小程序卡片更显眼）等。
但是，小程序还有专属于本人的入口方式，比如，微信聊天列表页面下拉疾速访问近期小程序；微信“发现”页“小程序”入口访问和搜索小程序等。此外，小程序还可以经过搜一搜、附近的小程序等功能被找到。H5不拥有以上一切的入口方式。
多数几个小程序处于优势的状况，比如小程序暂时还无法直接转发冤家圈，而H5则可以。当然，你也可以选择冤家圈发送小程序二维码的方式作为替代。

(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)
简而言之，为了推行微信小程序的运用，微信APP给予了小程序诸多的额外曝光机会。假如你运用途理的成绩是微信APP中客户的需求，单单从运用入口的角度，小程序更佳。
三、 用户运用体验的不同

用专业的技术术语来说，小程序是微信内的云端运用（无需安装），不是原生App，经过WebSocket 双向通讯（保证无需刷新即时通讯）、本地缓存（图片与UI 本地缓存降低与服务器交互延时）以及微信底层技术优化完成了接近原生APP 的体验。这就是为什么很多用户反映小程序的运用体验比H5愈加流利的缘由。
H5就好像网页在微信阅读器内打开运用，原理与在阅读器中打开一个网页相似，会存在一个加载的过程。页面上方出现的绿色加载条就是H5页面加载进度的提示。

(, 下载次数: 0)
假如网速不佳或者网页上需求加载的内容过多，就会出现页面“很卡”的感觉。当遇到复杂的业务逻辑或者丰富的页面交互时，卡顿就尤为分明。
小程序和H5都无需安装，直接打开即可，且手机上打开过一次后，就会有缓存，第二次打开就会稍快些。
总体下去说，小程序的运用体验会愈加的流利，而H5根据页面加载内容的多少，比较容易出现卡顿的现象。
四、 产品功能定位不同

小程序主打轻运用，完成“即用即走”。因此，与公众号不同，小程序没有关注和推送营销音讯等营销功能，（虽然小程序也可以在特定条件下发送服务音讯，但官方明白指出不可用于营销目的），次要侧重满足功能性的需求。小程序相比公众号H5运转更流利，可以用于替代部分原生APP的功能。而作为H5最常见的载体，公众号是一种营销工具，为用户提供粉丝管理、信息与资讯发布的平台，一种新的信息传播渠道，构建与粉丝之间更好的沟通与管理形式。结合H5当前公众号也可以提供一些简单交互功能。
基于下面的缘由，我们生活中常遇到商家运用小程序提供服务，例如，点餐、外卖、团购等；运用公众号和H5完成粉丝管理和营销需求的现象也就很好了解了，例如营销海报、活动报名等。

(, 下载次数: 0)

(, 下载次数: 0)

(, 下载次数: 0)
五、 开发成本的不同

小程序由于是在特定的环境（微信官方提供的工具）中去开发，所以它的组件、UI都是现成的。用专业术语来说，就是封装好的了。
（开发言语从前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML，官方文档中都有明白的运用引见，开发者按照阐明专注写程序就可以了。引上天图、运用罗盘、调用支付、调用扫码等等功能都可以直接运用；UI库方面，框架带有自家WEui库加成）
假如开发者从未接触html+css+js网页前端开发技术，那对于小程序开发来说会比较生疏；假如开发者接触过，那小程序开发会简单很多，学习几天基本上可以入门并且上手停止开发。此外，小程序开发不用去思索兼容成绩，修正返工的次数就会减少，成本会低一些。
公众号H5在开发时会有开发工具的选择、框架的选择、UI的选择等成绩，还要兼顾到不同手机阅读器能否兼容的成绩，能够会面临多次修正，这样会添加开发成本。
所以说，假如你的开发公司同时具有H5和小程序的开发阅历，同等的功能量级，小程序的开发成本会稍微低一些，不过这个差别不会太大。当然也存在一些例外，比如说开发简单的营销活动着陆页（landing page）或者微信海报，H5则会比小程序开发成本更低、更灵敏。
六、 获取系统级权限的不同

微信小程序相对于H5能获得更多的系统权限，比如网络通讯形态、数据缓存才能等，这些系统级权限都可以和微信小程序无缝衔接。

(, 下载次数: 0)
公众号H5则没有这么多的系统权限，也是H5的大多运用场景被定位在营销，或者业务逻辑简单、功能单一的运用的缘由。
简言之，系统权限的高低，依次是：“原生APP”大于“小程序 ”大于“ H5”。
七、 产品上线和更新方式不同

小程序的代码、类别和内容，都需求经过腾讯官方的严厉审核，部分类别需求资质证书，而且每次更新迭代版本，都需求重新提交审核，审核经过后才可发布运用。审核工夫各异，从几个小时到几天不等。假如你的运用需求停止频繁的修正，那么审核等待的工夫将会给你的项目带来诸多不便。

(, 下载次数: 0)
公众号H5是基于微信阅读器网页的，无需经过官方审核，所以只需一个域名和放置代码的服务器，无需其他资质，基本上随时可以发布上线且不需求审核。如需求修正页面内容，直接在服务器端修正就可以看到效果，并上线。
八、 获取的用户信息的不同

微信小程序可以获取用户授权后的基本信息，用户在当前小程序的独一标识OpenID、用户的头像图片、微信昵称和绑定微信的手机号（需单独授权）等。

(, 下载次数: 0)
公众号H5可以获取用户授权后的基本信息，用户在当前公众号的独一标识OpenID、用户的头像图片、微信昵称等，但无法获取绑定微信的手机号。
需求强调的是
（1）同一个用户在小程序和公众号的下的两个OpenID是不同的，即便是小程序和公众号的主体是相反的。
（2）假如小程序和公众号都绑定在同一个开放平台账号下的话，用户在小程序和在公众号下的UnionID是一样的。
在不绑定UnionID的默许状况下，H5页面授权用户无法和小程序的授权用户自动绑定（由于两者的OpenID不同）。换种说法则是，不绑定UnionID的话，系统无法知道小程序和H5上的用户能否是同一个人。
UnionID 机制阐明

假如开发者拥有多个移动运用、网站运用、和公众帐号（包括小程序），可经过 UnionID 来区分用户的独一性，由于只需是同一个微信开放平台帐号下的移动运用、网站运用和公众帐号（包括小程序），用户的 UnionID 是独一的。换句话说，同一用户，对同一个微信开放平台下的不同运用，UnionID都是相反的。

(, 下载次数: 0)
九、 运转环境的不同

小程序的运转环境是微信开发团队基于阅读器内核完全重构的一个内置解析器，针对性做了优化，配合本人定义的开发言语标准，提升了小程序的功能。
公众号H5的运转环境是微信阅读器。
写在最后

简而言之，小程序运用体验更佳、访问入口多、获取的系统权限更多，合适作为“用完即走”功能性运用的开发方式。但是，它缺乏营销功能，无法关注，并且不能在微信APP以外运用。
H5结合微信公众号则愈加合适满足营销需求，可承载简单的交互功能，并且可以在微信生态以外运用。但是，运用体验和在微信生态中的曝光度则不如小程序。
总之，小程序和H5两者各有利害，需求根据实践状况有针对性的选择。
另外，还需求指出，只需将H5的域名配置到小程序的业务域名中，就可以完成小程序中跳转H5链接。这样就能实如今小程序中访问H5，完成小程序和H5的整合。
更多营销干货分享，请关注聚加互动微信公众号，获取更多资讯。
原文链接：

欢迎光临职贝云数AI新零售门户 (https://www.taojin168.com/cloud/)