初乐营销SEO专员
微信小程序就是一个缓存到本地的网页,H5本质上是网页,可在浏览器内打开,鉴于很多朋友不了解两者之间的区别,小编就和大家说一下两者的区别。
1、为什么小程序比 H5 流畅和酷炫?
因为小程序缓存到了本地,在二次打开的时候无需要再加载,但果真如此吗?如果小程序开发者把很多图片、文字等页面元素都做成动态加载且不做缓存,那么你每次打开小程序相当于……重新下载了一遍 app,跟原来的 H5是一样的。
但是原来 H5的页面切换不流畅总是要加载,小程序不会啊,你怎么能说小程序和 H5一样呢?
原因在于之前大部分外包开发商更倾向于一个个单独页面写,页面逻辑混乱,当要跳转到新的页面就得重新向服务器请求一个页面,极其恶心。
随着 vue 等前端框架的普及,越来越多的 SPA 架构网页应用出现,微信小程序应该就是基于此种技术,使用 SPA 架构的应用只需要在刚开始的时候 loading 加载,切换到应用内的其他页面不需要再加载新的页面,所以非常流畅。那是不是说明我们可以不做小程序而用 vue 来写就可以了?
也不是的,小程序比 H5多了很多入口,对于传统商户来说,找个外包商重新用 vue 写一个微官网的成本和找个外包商做一个小程序的成本是一样的,甚至比做小程序成本还高。因为小程序如此火热,肯定有大量第三方开发商做成各个行业的小程序模板,你只要稍微配置就能一键生成,成本是非常低的。
但是小程序比 H5多了很多原生的能力不是吗?
微信之前也有开放一个 JSSDK, 也有分享接口、图像接口、音频接口、设备信息、摇一摇、扫一扫等能力可以在移动 H5端去使用,小程序的优势在于比 JSSDK 多了更多的数据储存能力,比如视频、图片、音频等可以等用户在 wifi 环境下保存到本地,然后移动网络时候就可以离线观看了。但 JSSDK 开放这些能力的话也可以做到,只不过微信无形之后帮你规范好了,让你以 SPA 架构 去搭建一个网页,这正是小程序在技术层面上做的事情。
还有其他区别吗?
小程序诸多微信审核的限制、H5 不受微信管控
小程序更容易打开,对于用户来说是不利的,因为东西不管你用不用总是占着手机空间;对于商家来说,二次使用成本更低,利用用户再次使用
各有各的优势,那我想两种都做会成本很高吗?
如果你原来的网页应用就是用 vue 那套框架构建的,那么再做到微信小程序的成本非常低,需要做一些转换和适配,比如 vue 的自定义标签功能定义成微信小程序的 view , 相信开源社区日后会有人贡献这些转化的代码。如果你原来的网页不是 SPA 架构的,那么就建议找第三方开发商来做小程序,成本低,虽然会比较多限制。有精力或者想得到更多能力,可以再逐步向刚刚说的,做一些工具完成网页应用到小程序的桥接转换。
红利期在哪?
2017年微信公开课Pro版上,男神张小龙对小程序做了一番详细的解析和解答。在此之前,很多人认为微信小程序会带来一波流量上的红利,但张小龙告诉大家,小程序在微信上没有入口、不能订阅,想要通过小程序来获取红利的人,想必是要失望了。
但是果真如此吗?
回想十九世纪四五十年代美国西进运动过程中的淘金热,我们也许更容易理解。淘金热中最终获利的其实不是淘金的人,而是船夫、卖水和卖铲子等为淘金提供支持的人。如果小程序引发一场”淘金热”,那它最大的红利可能就不是小程序本身。它会是什么呢?
我觉得是以下几个方面:
1、第三方外包开发商
目前市面上外包一个简单商城的小程序价格大概在300到1000左右,对于个人开发者而言,这基本上是无利可图的,很少个人会去专门定制。对于灵活度要求较高,需要一些基础组件又需要定制开发的公司来说,更需要一个能规模化输出基础组件,并且在这基础上为部分公司定制开发的第三方服务商。这适合企业号那一波红利做得好的一些开发商,很可能成为同样主打企业用户的小程序,比如微信公开课 pro 上拿了“2016年度微信电子发票优秀合作伙伴”奖项的企微云平台。
2、自动生成小程序的
尽管微信小程序的开发门槛相比APP的开发门槛大幅降低,但带来的问题是:开发者需要适应和学习它的这套语言标准,而且开发的应用是不能移植到其他应用里面的,只能在微信上运行。如果技术小白能零门槛通过拖拽或根据模板的形式就自动生成小程序,这将更大降低开发和使用门槛。但是此类平台灵活度不够。
目前这一类的企业有微尘、有赞等。
3、提供后端数据托管服务的云服务商
小程序只是一个前端而已,整个开发涉及到企业认证、云端数据存储、ICP 域名备案等,对于单个企业来说非常繁琐。因此需要能提供一条龙后端托管服务的第三方平台。
目前腾讯云就在做这个事情,阿里云应该是不会推出微信小程序托管服务的。
4、小程序开发和运营培训
尽管通过第三方外包或拖拽自动都能开发出小程序,但前者可能面临成本的问题,后者则可能不能定制出特别符合要求的小程序。那么最好的方案就是”自己动手,丰衣足食”。而提供小程序开发培训的机构,则可以因此获得收益。
5、小程序导航网
张小龙在公开课说了:”我们并不会存在一个小程序的商店,所以我们也并不会像外界所猜测的那样,做一个APP的分发商店”。既然微信不做,巨大的入口价值,自然就会有别人去做这件事。让别人记住那么多小程序的名字,每次想用的时候就去搜一下是很麻烦的,如果能把小程序汇总起来,想用的时候就去导航网站找,估计会方便很多。
当然如果你是开发者,你还可以从这几个方面了解一下;
1 、运行环境
H5页面:运行环境是浏览器,主要是浏览器页面。
微信小程序:运行环境是属于计算机程序,配合自己定义的开发语言标准,大幅提升了小程序的流畅度和性能。
2 、开发成本
H5页面: 发一个H5,需要从开发工具、前端框架、模块管理工具、任务管理工具,还有UI库选择、接口调用工具、浏览器兼容性等等,都需要考虑周到。尽管大多数开发者面对这些工具时,都有了自己的配置模板,但成本依然不低吧!
微信小程序:微信提供了统一的开发工具,并且规范了开发标准,所以,作为一个开发者,你只需要专注写代码就好了。而且,你可以随意调用微信开发里的API,不用担心浏览器的兼容性,不用担心莫名其妙的bug……所以,小程序的开发成本比以往的HTML5 开发的web 成本低很多。
3 、系统权限
微信小程序:微信能获取到更多的系统权限,如网络通信状态、数据缓存能力等,这些系统级权限都能与微信小程序无缝衔接,这也就是官方宣称的拥有Native App的流畅性能。
H5页面: 而HTML5 web应用则相对少了很多,这一点恰巧是HTML5 web应用经常被诟病的地方。也因此,HTML5的大多数应用被圈定在业务逻辑简单、功能单一的范围上。
4 、用户体验
H5页面: 我们在打开一个HTML5页面的时候,实际上就是打开一个web网页,而网页在浏览的时候,需要在浏览器中进行渲染,这个过程叫做加载,无论加载的时间的长短,都会给用户一种「卡」或者「不灵敏」的感觉。
微信小程序:小程序是微信内的云端应用,通过WebSocket 双向通信(保证无需刷新即时通信)、本地缓存(图片与UI 本地缓存。
上一篇: 怎么做小程序商城 ?
下一篇: 小程序如何推广?
相关文章
- 微信小程序开发工具详解 09-10
- 微信小程序开发文档说明 09-10
- 游戏小程序开发多少钱? 09-10
- 游戏小程序开发需要多久完成? 09-10
- 微信小程序怎么发布? 05-13
- 如何关闭微信小程序?简易指南 05-13
- 微信小程序注册申请花钱吗? 05-10
- 微信公众号小程序怎么做?完整指南 05-10
- 微信小程序店铺怎么开? 01-22
- 如何创建自己的小程序赚钱? 01-16