手机app h5用什么开发工具,h5 小程序 app

文章从APP、小程序、H5的概念出发，从可用性、优缺点、用户体验和成本等4个方面对这三个开发载体展开了对比分析，与大家分享。

Q：阿境，我想做个小程序或者APP。

A：为什么要做小程序跟APP？想做什么类型的小程序跟APP？产品定位想好了吗？…….

Q：你怎么这么多问题？因为现在小程序跟APP热门呀，所以想做一个。

A：这样子吧，小程序、APP跟H5先了解下，你再决定。

本文将整体概述APP、小程序、H5的含义，再从可用性、优缺点、用户体验、成本等方面来全方位讲解如何选择开发载体，今后选择将不再迷惑。同时，场景的不同决定着开发载体的不同，理性对待，理性选择。

一、APP、小程序、H5是什么

一句话概括了APP、小程序、H5三者的特点，相信朋友们也印象深刻，那么阿境就以概念的形式来说说，APP、小程序、H5究竟是什么？

1. APP是什么？

APP是application的缩写，翻译为“应用”，通常专指手机上的应用软件，或称手机客户端。

在移动互联网时代，APP的出现，便捷了每个人的生活，同时，APP开发开启了每个企业移动信息化的发展。

可以说，APP开展了移动互联的时代，是最早我们所能够接触到的移动应用载体。

讲讲发展，APP自2008年，苹果对外发布了针对iphone的应用开发包，供免费下载后，便催生了国内众多APP开发商的出现；2010年，Android平台的应用呈井喷式发展；一直到2012年底，APP开发已成为当时的红海市场。直到现在，跨入2020年，APP仍然是主导着移动应用的市场。讲讲意义，APP的出现，以及其创新性开发，引来众多网络大亨们的一致关注及赞许。而随着智能手机和iPad等移动终端设备的普及，人们逐渐习惯了使用APP客户端上网的方式，而国内各大电商，均拥有了自己的APP客户端，甚至于部分的个人用户，也拥有自己的APP（少数），这标志着，APP客户端的商业使用，已经逐渐普及。2. 小程序是什么？

小程序泛指无需下载便可安装即可使用的应用，目前市面上的小程序包括了微信小程序、百度小程序、各大厂商的快应用（实质上也是小程序）、以及在去年刚上线的QQ小程序等，这些都属于小程序的一种，但日常被人们提及的小程序，大多为微信小程序，本文介绍的也仅以微信小程序做例子。

讲讲原理，其实现原理是以H5为基础，基于微信平台提供丰富系统与平台的接口的web应用，这种混合模式我们一般称为hybrid。讲讲特点，小程序最主要的特点为“无需下载，即用即走”。但实际上，小程序也并非所谓的“无需下载”，而是由于它“小”的特点，在你打开的时候，就已在短时间内下载好了，确切的说，用“无感下载”来描述，更为贴切一些。讲讲核心价值，其作用在于【连接】——提供一对一、一对多和多对多的连接方式，从而实现人与人、人与智能终端、人与社交化娱乐、人与硬件设备的连接，同时连接服务、资讯、商业。3. H5是什么？

H5的全称是HTML5，是HTML的第五代标准（虽然这解释太过性冷淡！）。要注意的是，H5通俗的说，是一项准则，而不是一项技术。

要明白H5是什么，那么就需要先了解下什么是“HTML”。解释下，HTML是“超文本标记语言”的英文缩写（Hypertext Markup Language），我们网上看到的网页，大都由HTML写成。

随着发展，一代代更新，直到2014年，HTML5标准规范最终指定完成并向全世界开放，而在那几年，H5也成为当时的互联网热词。

讲讲特点，H5的跨平台性尤为特别，可同时兼容PC端、移动端、Windows、Linux、Android与ios，可轻易移植到不同的开放平台、应用平台上，打破如今各自为局的情况。讲讲功能，H5可无需第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果，这也使得用户使用较少的流量就可看到较完美的视觉听觉效果。不管是对于用户还是企业，都是友好的。小结

上述太过理论化，如果你不想看，那么，阿境用一句话给你简单概括：APP丰满，但复杂；小程序精简，且互联；H5跨平台，也友好。

二、APP、小程序、H5的优缺点对比

APP，小程序，H5这三者目前已有多年演变历史及发展，市面上对于这三者的优缺点的介绍也数不胜数。

这边阿境就自己的认知，简单列举三者优缺点（不做过多分析），以供朋友们对这三者有个简要的理解。

1. 三者优点

【APP】

（1）运行速度快，体验好。

（2）可使用底层的设备功能，如摄像头、方向传感器、重力传感器、拨号、GPS、语音、短信、蓝牙等；

（3）在界面设计、功能设计、操作逻辑等方面，更容易做到流畅性、用户体验好。且留存率高，用户一旦下载，相较于其他两端，留存的可能性大。

（4）精准，超强用户黏性。一旦主动下载了APP，便是基于本身APP的内容有兴趣，同时APP会一直待在用户手机里，APP端便有了不断向用户传播信息，达到唤醒沉睡用户的机会。

【小程序】

（1）背靠微信十亿流量；使得小程序更易获客，降低获客成本（附近小程序功能），同时可借助微信的社交网络引发爆发性传播，“在巨人肩膀搭积木”。

（2）连接线上与线下；推动线下用户习惯的养成，小程序相比APP更容易达成线上线下场景的连接与互动。

（3）触手可及，无需下载，即用即走，体验度接近原生，用户体验好。该概念是小程序一上线就开始打的战略，可做APP的整体嫁接，也可做简洁版功能的承载体，这一特点使得能代替许多APP。

（4）开发成本低、体验接近原生、高效的流量召回、积累自由用户成为可能等

【H5】

（1）跨平台性（同时兼容PC端、移动端、Windows、Linux、Android与ios）

（2）开发周期短，维护成本较低，可快速迭代。

（3）开发相对较容易，对浏览器适配简单，简单易发布，直接上传即可，无需审核。

2. 三者缺点

【APP】

（1）开发周期长，费用多，不同的操作系统（Android与ios）需要独立开发，且维护起来也比较麻烦。

（2）获客成本高，用户使用需要下载。在没有一定知名度的情况下，使得用户去主动下载一个APP的成本高昂。

（3）更新需要上架审核，Android需在各大应用市场，ios需在App store上进行上架审核，受制于各大应用商店的规范中，上架后用户需重新更新安装。

【小程序】

（1）引流能力有限，传播有限（转发朋友圈等功能受限），且用户留存困难，在小程序中留存的概念弱。该缺点也正是由于“即用即走”的特点，导致留存困难—无绝对的优点与缺点。

（2）受制于微信管控，功能的开发取决于微信的赋能，从功能接口，甚至于类别内容等，以及部分敏感内容（也可能是wx的竞争对手）还容易遭受到封禁等措施。

【H5】

（1）用户体验差，每次打开页面，需要重新加载；

（2）加载速度慢，若是在网络情况差的情况下，网页可能加载需要长久的时间；

（3）仅能使用部分设备底层的功能，蓝牙、短信、摄像头、麦克风等功能无法使用，造成开发功能局限。

3. 三者对比

【系统权限方面】

（1）H5 本身可以说几乎是没有什么系统权限的。虽然也有摄像头之类的接口，但是重度依赖浏览器能力，兼容性有限。

（2）小程序，由于依赖微信客户端本身，所以微信小程序团队将客户端的很多能力开放给了小程序环境，前提是微信也授权了相关的能力，比如允许访问麦克风，允许访问相册等。

（3）APP由于采用的是原生开发，可使用许多底层的空间及功能，系统权限也是这三者当中最高的。

【管控方面】

（1）H5 页面可以不用搞 HTTPS，有个网站就能玩。但是小程序，从后端开始就有限制，要求域名备案 HTTPS，一定程度上也是一点成本。

（2）小程序依赖微信平台，因此微信平台要对内容安全等事项负责，比如想做有 UGC 的产品，小程序上线前期就需资质

（3）APP则归属应用市场及App store的审核限定，同时也需要资质审核。

【 分享方面】

（1）小程序可群，但不可朋友圈，且只能在微信体系内运作；

（2）H5可分享给好友，也可朋友圈，同时可在浏览器上打开;

（3）APP可各大平台（受限制除外，例如淘宝在微信上的分享）

【主动触达渠道方面】

（1）H5 本身是没有用户触达能力的，如果用户关掉了页面，页面就再也没有办法主动触达该用户了。传统的营销方式都是采用邮件营销或短信营销等来触达用户。

（2）小程序支持模板消息（现已改成订阅号消息），有一周的推送时间限制。只要用户使用小程序，就可通过某种操作收集 formid，即可在一周之内的任意时间触达用户。

（3）APP可通过第三方推送（如极光推送等）推送信息给到目标用户，从而达到唤醒沉睡用户的目的。

【其他】

（1）留存率方面：APP＞小程序＞H5

（2）流畅度方面：APP=小程序＞H5

（3）简易功能成本：APP＞小程序=H5

（4）迭代周期：APP＞小程序＞H5

（5）追踪能力：APP=小程序＞H5

由于篇幅有限，不再过多赘述，感兴趣的可以查看阿境整理的三者对比表。（如上图）

三、如何选择开发载体？

常常会遇到甲方大大或者部分老板的需求“我想做一款商城APP”，当彻底了解对方的公司情况及预算后，可能更适合他们的，是做一款商城小程序。

那么，如何选择开发载体呢？

该问题不能一概而论，这三者没有绝对的好，也没有绝对的差，取决于开发方的产品类型（行业）、产品定位（方向）、项目预算（金钱）等多个维度综合考虑。

那么，如何选择呢，阿境以自己与众多甲方大大的沟通经验，粗略分析下。

1. 该开发APP还是小程序或者是H5？

APP、小程序、H5说白了，都是一种前端的展示形式，选择哪种，取决于他们各自的特点及所携带的功能。首先需要了解的，是他们各自的优缺点，上文已经详细提到了。

在了解优缺点之后，是公司的定位，以及做产品的定位。打个比方，工具类的小程序，会比工具类的APP更来得划算，工具类的软件，本身就是“低频多次”，那么，在小程序满足其功能的前提下，选择做小程序远比做APP的成本来得低。

下面会从几个角度上来分析，如何选择开发载体。

从成本预算上来看，有钱有人有模式，那么APP是最好选择；若想小成本是错，则H5或小程序更加合适。H5和小程序则更属于在业务探索阶段的项目。毕竟同等功能下的项目预算，一个APP的成本等于两到三个的H5/小程序，但其体验相对好，且从长远的发展来看，更容易留存。

从时间周期上来看，开发H5/小程序，远比APP更加快速。毕竟在开发配置上，APP需要Android开发跟ios开发，而H5和小程序仅需一个前端开发工程师，自然在测试方面，测试单端跟两端的时间周期，也是不同的。

从流畅性及反应速度来看，APP跟小程序都是不二选择，H5则相对逊色。APP由于其原生的特性，加载页面仅需加载变化的部分，而H5其本质是网页，换页面时，通常要加载整个页面，就像是浏览器打开一个新页面一样（不清楚的朋友可以打开京东APP，及京东H5来对比下，一目了然），速度相对较慢。

从功能开发上来看，H5及小程序局限性较多，选择APP更为自由。在原生APP当中，可调用系统底层的硬件（例如摄像头，麦克风等等），支持的硬件更多，更容易扩展。相对而言，H5便望尘莫及了；而小程序是在于巨头的笼罩之下，局限于微信的管辖，功能都需要有微信的接口支持，所以，功能也相对局限（虽然，近年来微信不断地为小程序赋能）。

……

如何选择，就需要根据以上多个维度来综合分析并取舍，最终来得出选择。

假若你的客户或者你的上司要求做出来的软件开发周期要短，预算要少，流畅要高，功能要全，内存占据少，同时兼容各版本…..那么，在你看完阿境的碎碎念之后，你告诉他：“梦里啥都有。”

2. 已经2020年了，小程序还是这么火，是否有替代APP的可能性？

大家往往在现在有个推理误区：“张小龙说过，小程序会替代80%的APP。”

于是乎，许多人推理得出”小程序这么火，那么，今后一定会取代APP。”

阿境认为，这完全是个悖论。在以上分析“APP能否被小程序替代”这个问题的时候，我们上面在清楚了小程序及APP的优缺点之后（其实是啰嗦了一堆），这个问题也就不难回答了。

小程序的核心价值高低在于解决实际问题的能力和体验。从用户需求的角度讲，用户不会在意自己使用的是小程序还是APP，而是更多的关注哪种方式操作更简单，流程体验哪个更顺畅，不容易占用手机内存等。

这就意味着开发者推出的小程序若非体验和服务优于APP一个量级，否则用户在操作习惯上依然倾向原有的APP。以及若非高频的场景触发，用户很难在已有app的基础上再选择一个新的操作方式。

而小程序能够替代的APP，基本是一些工具性，功能简单，较不常用的APP的功能（如日常打卡，电影购票，点餐，乘车服务类等），都是基于小程序其“无需下载即用即走”的特点；而APP的功能更加强大，如微信、淘宝等APP，是小程序无法替代的。

要注意的一点，80%不等于100%，有时候往往那仅有的20%，才是市场的一片天。

写在文末

从2010年的“我要做一款xxAPP”，一直到2014年的“我要做一款xxH5”，再到现在的“我要做一款xx小程序”，我们可以很清晰地观察看到，互联网载体的发展，影响到市场的声音，这是一种发展的趋势。

但就这三者而言，并无绝对的优劣，看完文章的朋友们应该也能大致明白，场景的不同决定着开发载体的不同，理性对待，理性选择。

作者：阿境，热爱产品的凡夫俗子。野蛮生长，产品汪一枚，做过电商、医疗、教育行业项目，有百万级流水产品经验。公众号：梦想家阿境

本文由@阿境 原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自Unsplash，基于CC0协议

小程序商城和h5商城哪个好?如何选择？

就商城功能实现来说，小程序商城与h5商城并没有太大差异，两者存在的不同主要体现在以下方面：
1、营销推广
小程序入口更丰富，触达用户的方式更多样；h5页面需要一定的内嵌载体，一般需要通过微信公众号菜单访问。
2、广告推广
朋友圈广告展现以小程序为主，通过小程序做广告投放效果更好。
3、客户留存
小程序不存在粉丝的概念，只有收藏的按钮，收藏的小程序出现在顶部聊天框下拉的位置；而h5商城是依托公众号的，需要强制引导用户关注公众号成为粉丝。
4、展示界面
展示界面的差别主要体现在分享展示上，分享到群或分享给好友时，小程序以商品卡片的形式呈现，屏占比更大，视觉冲击力更强。
5、用户体验
小程序页面流畅性远高于h5，微信小程序的开发时基于微信提供的，内置了编程、调试、开发环境、发布于一身的开发工具，小程序的使用体验几乎可以接近独立的APP。
6、小程序的局限性
小程序是依托于微信，因此无法跳出微信，只能使用微信支付，无法分享到其他社交软件。而h5的支付方式更灵活，可以作为推广链接添加到任意页面。
总的来说，小程序作为目前非常主流的一种商城搭建方式，和本身小程序的优势，绝大多数商家都会优先选择小程序商城进行推广。

微信小程序和H5哪个更适合企业？

聊这个话题之前，咱们先搞明白微信小程序和H5。

微信小程序在我之前的文章里聊了很多，不再赘述。那H5是什么呢？

简单来说，H5的载体是浏览器，因此只要有浏览器，就可以使用，比如手机内置的浏览器。我们将从几个纬度来了解微信小程序和H5之间的不同。

一、载体

H5的载体是浏览器，手机浏览器或者电脑浏览器都可以打开。微信小程序的载体是微信APP，所以只能在微信中打开。

二、功能权限

比如：您想通过程序获得用户的电话

比如：您想通过程序直接将活动分享给好友

比如：您想通过程序分享出卡片式的分享界面

微信小程序可以做到以上的所有，H5就不行。

再比如：您想小程序可以同时支持微信支付和支付宝支付

微信小程序做不到，它只支持微信支付，而 H5 就可以做到。

三、运行流畅度

刚才我们说了H5实际上是打开一个网页，而网页需要在浏览器中渲染，就会有卡的感觉，而微信小程序是直接在微信上运行，使用体验就比H5流畅很多。

综上所述，两者各有千秋，根据自身的业务需求，选择自己想要侧重的部分进行工具选择就好~