移动端产品IOS Android 小程序 H5 混合开发优劣

转至https://blog.csdn.net/zgpeace/article/details/105725252

移动端产品优劣对比

移动端产品包括小程序(本文特指微信小程序)、APP(安卓、iOS)、H5页面。其中:

  • 小程序是一种不需要下载安装就可以使用的应用,可以在微信APP中直接打开使用(目前限制只适用于中国市场);
  • APP则是基于安卓和iOS手机操作系统开发的,能安装在智能手机上运行的的手机软件;App嵌入H5的混合开发,比如Reactnative,Vue Native, Flutter,这会比完全Native开发成本大大降低。因为最后代码都会转为元素Native元素,可以同时运行于iOS, Android, PC 3个平台。
  • H5页面是指运行于移动端的Html网页。
    基于工作实际体验以及参考相关文章(文末有备注参考文章地址),下面将分别从运行环境、系统权限、推广方式(拉新)、运营手段、支付能力、登录方式、用户体验、抗风险能力(防止被封禁)、访问入口、开发成本、迭代周期、外部限制、适用情形,安全方面这14个方面来比较总结移动端产品之间的不同特点。

01 运行环境

  • APP:Android和iOS手机操作系统;
  • 小程序:微信APP内;
  • H5:浏览器、APP和小程序的web-view组件内。

02 系统权限

  • APP:最多最全面,但有些属于隐私需要用户授权才能调用。(安卓与iOS也有许多差异:Android类似于Windows,App几乎可读取本地所有文件;iOS端App无法读取本地除图片和视频外的其他文件)
  • 小程序:比APP少 (小程序能力依赖于微信客户端的能力,而微信的能力又依赖于用户是否将APP的能力授权给微信)
  • H5:几乎没有什么系统权限,严重依赖于浏览器的能力

03 推广方式(拉新)

(1)APP
Android:
转发推广海报(嵌套二维码)到微信好友、朋友圈、QQ空间、QQ好友->二维码扫码->打开网页到应用市场下载;或者生成推广链接发送给好友或朋友圈分享 ->用户点击推广链接打开浏览器到应用市场下载 。
iOS:

  1. 通过链接或二维码跳转到浏览器,在浏览器中打开APP store下载APP;
  2. 如果APP未能通过苹果审核,无法上架APP store,可以在网上直接下载安装,但若要正常使用,则需要提前安装授权证书才能顺利安装APP。
    (2)小程序:
  3. 直接转发给微信好友和微信群, 提供了卡片式的分享界面(比直接分享链接体验要好);
  4. 将带有小程序码的图片分享到好友、群和朋友圈,用户使用微信扫描小程序码进入小程序。
    (3)H5
  5. 在微信内可直接分享到朋友圈、发送给朋友;
  6. 生成H5的链接进行分享推广。

04 运营手段

(1)APP

  1. 推送手机通知消息 ;
  2. APP内推送消息公告 ;
  3. 短信、邮件营销
    (2)小程序:微信内推送服务通知;
    (3)H5:邮件、给用户发送短信。

05 支付能力

● APP:微信支付、支付宝支付、其他支付平台提供的支付方式;
● 小程序:只能微信支付
● H5:微信支付、支付宝支付、其他支付平台提供的支付方式。

06 登录方式

(1)APP:

  1. 手机号验证码登录;
  2. 账户密码登录(账户可用手机号、邮箱、自定义账户);
  3. 二维码扫码登录;
  4. 第三方登录(微信、微博、QQ、淘宝、支付宝等第三方授权登录)
    (2)小程序:
  5. 微信登录 ;
  6. 手机号授权登录(授权手机号需要用户主动点击按钮)
    (3)H5:和APP类似,是在网页内进行登录的。
  7. 手机号验证码登录;
  8. 账户密码登录(账户可用手机号、邮箱、自定义账户);
  9. 二维码扫码登录;
  10. 第三方登录(微信、微博、QQ、淘宝、支付宝等第三方授权登录)

07 用户体验

● APP:最好,不过使用体验与手机性能息息相关
● 小程序:使用起来十分流畅,第一次加载会稍微需要点时间加载,以后使用几乎秒开(除非被微信杀死后台),可以媲美原生APP的使用体验(自然也与手机性能有关)
● H5:需要在浏览器内核里渲染,体验稍差,与浏览器性能、网络环境密切相关。

08 抗风险能力(防止被封禁)

(1)APP

  1. iOS APP一旦被苹果官方下架或永久封禁,就没有其他备用的官方渠道供用户下载了,只能通过其他方式提供下载;
  2. 安卓APP即使被某一家应用市场下架,还有其他的应用商店可以为用户提供下载。
    (2)小程序:多上线几个小程序;
    (3)H5:多准备几个域名。

09 访问入口

(1)APP

  1. 手机桌面;
  2. 浏览器跳转
    (2)小程序
  3. 微信聊天页面下拉顶部的“最近使用”、“我的小程序”;
  4. 微信内搜索;
  5. 有 50+ 微信提供的场景入口(如嵌套在公众号文章里点击即可跳转小程序)
    (3)H5
  6. 通过链接直接访问;
  7. APP、小程序、浏览器内调用;
  8. 用户关闭之后如果想继续访问,可以使用传统PC浏览网页的做法,如保存到收藏夹,微信内则可以缩小到图标稍后在查看等等

10 开发成本

● APP:开发成本最高,不仅需要同时开发安卓和IOS两个系统的APP,而且还需要适配数量庞大的不同手机型号,工作量大也更复杂。App嵌入H5的混合开发,比如Reactnative,Vue.js,这会比完全Native开发成本大大降低。因为写一套嵌入原生H5的代码,可以同时运行于iOS, Android, PC 3个平台。
● 小程序:在微信生态内开发,不用考虑兼容操作系统的问题,开发成本相比APP要小得多。
● H5:H5 有很多框架组件可以用,由于过于庞杂,有学习和选择成本,且技术栈和 UI 五花八门,可能还有融合和修改的成本,因此开发复杂功能时相比小程序会稍微高一点。

11 迭代周期

(1)APP:需要分别上架安卓应用市场和苹果APP store,同时需要提交许多审核资料,流程繁琐,审核时间也很长。
附二者应用市场审核区别:

  1. Android应用市场多,无需付费,审核宽松且时间短。
  2. iOS应用市场只有App Store,每年需缴纳费用99或299美元,审核严格且时间长。
    附iOS上线APP方式: iOS上线需要拥有苹果公司的开发者帐号,分成两类:
  3. 个人开发者帐号
  4. 企业开发者帐号。
    其中,个人开发者帐号开发的APP,需经苹果商店,才能下载安装;而企业开发者帐号开发的APP,只能自建发布网站,用户到网站上下载。
    (2)小程序:小程序上线需要提交微信审核,第一次审核(小程序审核官方给的时间期限为7个工作日以内给出审核结果)会慢些。
    (3)H5:随时上线,线上可以实时看到修改情况,因此比较灵活迭代,不受审核的限制。

12 外部限制

(1)APP:依赖安卓和iOS系统提供的能力,不过这些操作系统大多稳定,外部限制较少。
(2)小程序:

  1. 严重依赖微信平台,微信允许上线的开放服务类目有限,不在范围内的小程序无法过审;
  2. 小程序如果需要跳转外链,要求域名备案 ,域名要有http证书,且域名白名单最多只能添加20个业务域名。
    (3)H5:限制最小,基本上只要生成个可以用的链接,就可以在各种平台上查看了。

13 适用情形

(1)APP:

  1. 需要开发复杂的功能;
  2. 需要频繁的跳转外链;
  3. 公司规模大有足够的开发成本;
  4. 需要获得自己的流量;
  5. 需要接入除微信支付的其他支付方式。
    (2)小程序
  6. 快速开发核心功能做产品市场验证;
  7. 依赖微信做营销推广;
  8. 公司成本有限;
  9. 公司产品需要;
  10. 利用小程序导流。
    (3)H5
  11. 页面内容会经常变动;
  12. 功能实现不需要依赖复杂的系统功能;
  13. 需要通过链接投放出去

14 安全方面

(1)APP:用户更信任App,比如从AppStore, GoogleStore, 华为市场下载的App. 比较适合银行,支付,等对安全性要求比较高的产品。
(2)小程序:受限于微信平台,安全性弱于App。
(3)H5:基于HTTPS协议,增加安全性,安全性弱于App。

参考:
http://www.woshipm.com/evaluating/2999903.html
https://zhuanlan.zhihu.com/p/43216668
https://www.zhihu.com/question/308606560/answer/573696321

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,470评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,393评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,577评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,176评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,189评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,155评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,041评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,903评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,319评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,539评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,703评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,417评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,013评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,664评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,818评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,711评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,601评论 2 353