H5 其实是一种不标准的叫法,它是 HTML5 的缩写,代表的是 HTML 的第五代技术标准。但是大家常说的 H5 实际上是指在移动端打开的 Web 页面,是 HTML5技术在实际场景中的应用。当计划开发一款移动端的产品时,我们到底是用小程序来实现还是用 H5 应用来实现呢?很多做产品的同学都会有类似的疑问,要回答这个问题,我们首先需要明白小程序和 H5 应用之间的区别。运行环境不同小程序依赖微信提供的运行环境,因此我们只能在微信内打开小程序,脱离微信这个宿主环境,小程序将无法继续使用。
H5 则以浏览器作为载体,因此只要存在浏览器,就可以使用小程序,例如,可以使用手机自带的浏览器、第三方浏览器、各种 App 内嵌的 WebView 组件,甚至可以在小程序内使用 WebView 组件(当然,这里的使用是有限制的,在后面的章节中我们会逐步讲解)。从这个层面上来讲,H5 比小程序更加灵活,例如当你需要通过短信下发你的产品给用户时,那么微信小程序将无法实现这个需求。
不过如果你对于这些特定渠道的需求并没有那么强烈,那么 H5 和小程序都可以很好地满足你的需求。接口能力不同由于运行环境的限制,H5应用和微信小程序之间的接口能力不太相同。H5 应用因为依赖浏览器实现,因此很多系统级别的能力会受到限制,例如访问用户通讯录、调用系统蓝牙、录音等。这些能力依赖 Web 标准协会制定协议,需要等待浏览器开发商实现协议,并最终需要你更新浏览器内核,而这些更新似乎不是很容易,这也产生了由于不同时期的浏览器、手机厂商实现的协议标准不一致而导致的H5 页面应用兼容性问题。
而对于微信小程序,由于微信是国民级的 App,因此只要微信提供了相应的权限 API,开发者就可以使用这些接口。微信对小程序基础库的更新是很快的,因此不用过多考虑高低版本基础库的兼容性问题。虽然技术实现方案不太相同,但是其实微信小程序与 H5 应用之间有着千丝万缕的联系。对很多开发商来说,商家的 H5 会选择微信公众号作为主要渠道来源,甚至会利用公众号提供的能力实现诸如登录、支付等脱离了微信无法实现的能力。而小程序本身就是依赖微信而生,小程序内也支持使用 WebView 组件实现打开 H5 页面的功能。
根据微信官方的规划,未来公众号将服务于营销与信息传递,而小程序主要会面向产品与服务,所以我们认为如果你的产品依赖微信提供的能力,那么小程序将是更好的选择。访问入口不同H5 应用常见的访问入口来自于广告导流、二维码导流或者公众号,而小程序目前提供了上百个入口,并通过“场景值”的概念方便商家进行来源流量分析。例如在微信的“搜一搜”中,如果我们的页面使用小程序开发,那么就可以直接被索引到,而 H5 应用则没有这样的待遇。在移动互联网时代,流量为王。
微信小程序作为微信的“亲儿子”,微信自然会对其进行一定程度的流量层面的倾斜。因此对于一个产品来说,如果流量来源不依赖微信,那么就可以考虑使用 H5 实现,否则我们应该优先考虑使用小程序来获得微信方面的流量扶持。使用体验不同虽然手机的硬件设备在不断发展,但是我们仍然认为依赖于 WebView 组件的 H5应用使用体验比较糟糕,同时 H5 应用还存在难以实现用户留存的问题。
事实上,小程序就是在 H5 应用这些现状下催生出来的。虽然小程序可以实现的功能受到微信平台开放能力的限制,但小程序可以满足很多的功能场景,具有非常流畅的交互体验。尽管小程序不是原生 App,但可以借助微信封装的一系列接口能力去实现更丰富的功能。因此在交互体验上,小程序体验更加接近原生 App,比 H5 应用更流畅。
建站咨询 SEO优化咨询 小程序咨询