您当前的位置:首页 > 电脑百科 > 程序开发 > 移动端 > 小程序

移动端产品比较:APP、小程序、H5

时间:2019-10-25 17:13:33  来源:  作者:

移动端产品包括小程序(本文特指微信小程序)、AppAndroid/ target=_blank class=infotextkey>安卓、IOS)、H5页面。其中:

小程序是一种不需要下载安装就可以使用的应用,可以在微信APP中直接打开使用;

APP则是基于安卓和IOS手机操作系统开发的,能安装在智能手机上运行的的手机软件;

H5页面是指运行于移动端的html网页。

下面将分别从运行环境、系统权限、推广方式(拉新)、运营手段、支付能力、登录方式、用户体验、抗风险能力(防止被封禁)、访问入口、开发成本、迭代周期、外部限制、适用情形这13个方面来比较总结移动端产品之间的不同特点。

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:

通过链接或二维码跳转到浏览器,在浏览器中打开APP store下载APP;

如果APP未能通过苹果审核,无法上架APP store,可以在网上直接下载安装,但若要正常使用,则需要提前安装授权证书才能顺利安装APP。

(2)小程序:

直接转发给微信好友和微信群, 提供了卡片式的分享界面(比直接分享链接体验要好);

将带有小程序码的图片分享到好友、群和朋友圈,用户使用微信扫描小程序码进入小程序。

(3)H5

在微信内可直接分享到朋友圈、发送给朋友;

生成H5的链接进行分享推广。

04 运营手段

(1)APP

推送手机通知消息 ;

APP内推送消息公告 ;

短信、邮件营销

(2)小程序:微信内推送服务通知;

(3)H5:邮件、给用户发送短信。

05 支付能力

APP:微信支付、支付宝支付、其他支付平台提供的支付方式;

小程序:只能微信支付

H5:微信支付、支付宝支付、其他支付平台提供的支付方式。

06 登录方式

(1)APP:

手机号验证码登录;

账户密码登录(账户可用手机号、邮箱、自定义账户);

二维码扫码登录;

第三方登录(微信、微博、QQ、淘宝、支付宝等第三方授权登录)

(2)小程序:

微信登录 ;

手机号授权登录(授权手机号需要用户主动点击按钮)

(3)H5:和APP类似,是在网页内进行登录的。

手机号验证码登录;

账户密码登录(账户可用手机号、邮箱、自定义账户);

二维码扫码登录;

第三方登录(微信、微博、QQ、淘宝、支付宝等第三方授权登录)

07 用户体验

APP:最好,不过使用体验与手机性能息息相关

小程序:使用起来十分流畅,第一次加载会稍微需要点时间加载,以后使用几乎秒开(除非被微信杀死后台),可以媲美原生APP的使用体验(自然也与手机性能有关)

H5:需要在浏览器内核里渲染,体验稍差,与浏览器性能、网络环境密切相关。

08 抗风险能力

(防止被封禁)

(1)APP

IOS APP一旦被苹果官方下架或永久封禁,就没有其他备用的官方渠道供用户下载了,只能通过其他方式提供下载;

安卓APP即使被某一家应用市场下架,还有其他的应用商店可以为用户提供下载。

(2)小程序:多上线几个小程序;

(3)H5:多准备几个域名。

09 访问入口

(1)APP

手机桌面;

浏览器跳转

(2)小程序

微信聊天页面下拉顶部的“最近使用”、“我的小程序”;

微信内搜索;

有 50+ 微信提供的场景入口(如嵌套在公众号文章里点击即可跳转小程序)

(3)H5

通过链接直接访问;

APP、小程序、浏览器内调用;

用户关闭之后如果想继续访问,可以使用传统PC浏览网页的做法,如保存到收藏夹,微信内则可以缩小到图标稍后在查看等等

10 开发成本

APP:开发成本最高,不仅需要同时开发安卓和IOS两个系统的APP,而且还需要适配数量庞大的不同手机型号,工作量大也更复杂。

小程序:在微信生态内开发,不用考虑兼容操作系统的问题,开发成本相比APP要小得多。

H5:H5 有很多框架组件可以用,由于过于庞杂,有学习和选择成本,且技术栈和 UI 五花八门,可能还有融合和修改的成本,因此开发复杂功能时相比小程序会稍微高一点。

11 迭代周期

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

附二者应用市场审核区别:

Android应用市场多,无需付费,审核宽松且时间短。

iOS应用市场只有App Store,每年需缴纳费用99或299美元,审核严格且时间长。

附IOS上线APP方式:IOS上线需要拥有苹果公司的开发者帐号,分成两类:

个人开发者帐号

企业开发者帐号。

其中,个人开发者帐号开发的APP,需经苹果商店,才能下载安装;而企业开发者帐号开发的APP,只能自建发布网站,用户到网站上下载。

(2)小程序:小程序上线需要提交微信审核,第一次审核(小程序审核官方给的时间期限为7个工作日以内给出审核结果)会慢些。

(3)H5:随时上线,线上可以实时看到修改情况,因此比较灵活迭代,不受审核的限制。

12 外部限制

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

(2)小程序:

严重依赖微信平台,微信允许上线的开放服务类目有限,不在范围内的小程序无法过审;

小程序如果需要跳转外链,要求域名备案 ,域名要有http证书,且域名白名单最多只能添加20个业务域名。

(3)H5:限制最小,基本上只要生成个可以用的链接,就可以在各种平台上查看了。

13 适用情形

(1)APP:

需要开发复杂的功能;

需要频繁的跳转外链;

公司规模大有足够的开发成本;

需要获得自己的流量;

需要接入除微信支付的其他支付方式。

(2)小程序

快速开发核心功能做产品市场验证;

依赖微信做营销推广;

公司成本有限;

公司产品需要;

利用小程序导流。

(3)H5

页面内容会经常变动;

功能实现不需要依赖复杂的系统功能;

需要通过链接投放出去



Tags:移动端   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个由百度开源的低代码前端框架——amis...【详细内容】
2021-11-05  Tags: 移动端  点击:(68)  评论:(0)  加入收藏
我们项目使用的是Vue和Vant组件,详情都可以看官网哦VantVue目录结构:基本配置入口文件main.js首先做一个引入我们的Vant UI组件是按需引入,而Element UI是全部引入所以引用方式...【详细内容】
2021-06-16  Tags: 移动端  点击:(139)  评论:(0)  加入收藏
前言移动端开发在前端里像神一样地存在,不是说它多难而是说它坑位实在太多了,怎样填都填不完。Android和iOS各显神通,Android的系统版本和屏幕分辨率多得难以一招兼容,iOS的顽固...【详细内容】
2021-03-18  Tags: 移动端  点击:(229)  评论:(0)  加入收藏
腾讯发布全球首个面向移动端的H.266/VVC标准视频解码器,即其自研的O266移动端版本,手机可看4K超高清VVC视频。O266已成为世界领先的全平台VVC解码器,支持main10 profile,包括高...【详细内容】
2021-02-05  Tags: 移动端  点击:(190)  评论:(0)  加入收藏
外卖UI一致性项目是外卖UI设计团队与研发团队共建的项目,目的是改善用户端体验的一致性,提升多技术方案间组件的通用性和复用率,降低整体视觉改版带来的研发成本。外卖技术团队...【详细内容】
2020-11-27  Tags: 移动端  点击:(125)  评论:(0)  加入收藏
移动互联网的推出,各位站长也纷纷的挤入了移动化网站,移动网站可以说是一个比一个做的漂亮,那么既然做了移动化的网站,那少不了的自然是SEO优化,在PC端上你的网站可能在某个词上...【详细内容】
2020-10-14  Tags: 移动端  点击:(89)  评论:(0)  加入收藏
导语:测试软件为: MXplayer 专业版 Uplayer 视频播放器 Xplayer QQ影音 VLC KMPplayer Oplayer 以上软件均来自手机乐园,酷安,play商店。我找的都是我认为排得上名的,在此基础...【详细内容】
2020-09-11  Tags: 移动端  点击:(130)  评论:(0)  加入收藏
本文由手机淘宝技术团队原创分享,吴志华(天施)、洪海(孤星)、陈虓将(仲升)等专家参与了本文创作,首次发表于公众号“淘系技术”,收录整理时有修订和改动。1、引言移动端网络的优化是...【详细内容】
2020-08-19  Tags: 移动端  点击:(73)  评论:(0)  加入收藏
虽然传闻8月中旬英特尔将有技术性沟通会,并且Tiger Lake的发布时间定在9月初,但还是有“心急”网友想要早些了解英特尔对于移动平台未来6个月的布局是怎样。近期,网络中曝光了...【详细内容】
2020-08-10  Tags: 移动端  点击:(82)  评论:(0)  加入收藏
作者:花花小仙女转发链接:https://mp.weixin.qq.com/s/c9uAYkWJu-zvKfELh_3V0A前言基于 vue-cli4.0+webpack 4+vant ui + sass+ rem 适配方案+axios 封装,构建手机端模板脚手...【详细内容】
2020-08-04  Tags: 移动端  点击:(55)  评论:(0)  加入收藏
▌简易百科推荐
一、项目背景随着小程序在用户规模和商业化上取得的极大成功,各大平台都推出了自己的小程序。然而这些平台的小程序开发在语法上又不尽相同,不同平台小程序代码的维护需要投入...【详细内容】
2021-11-05  携程技术    Tags:小程序   点击:(65)  评论:(0)  加入收藏
作者:灰灰来源:JS每日一题 一、背景传统的web开发实现登陆功能,一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录服务端校验用户信息通过之后,下发一个代表登录态...【详细内容】
2021-10-29  Nodejs开发    Tags:微信小程序   点击:(43)  评论:(0)  加入收藏
总结列举微信小程序开放能力清单 硬件能力 蓝牙 NFC读写 连接WIFI设备 开放能力 ...【详细内容】
2021-09-27  软件开发分享    Tags:微信小程序   点击:(60)  评论:(0)  加入收藏
核心商城(CoreShop)介绍核心小程序商城系统(CoreShop) 是基于 Asp.Net 5.0、Uni-App开发、支持可视化布局的小程序商城系统;前后端分离,支持分布式部署,跨平台运行;拥有分销、代理、...【详细内容】
2021-07-20  码农也有梦想    Tags:小程序商城   点击:(115)  评论:(0)  加入收藏
介绍Vue3发布已经有一段时间了,从目前来看,其生态还算可以,也已经有了各种组件库给予了支持,但是不管是Vue3还是Vue2都无法直接用来开发小程序,因此国内一些技术团队针对Vue开发...【详细内容】
2021-07-13  爱分享Coder    Tags:小程序   点击:(204)  评论:(0)  加入收藏
首先明确几个概念1. W3C:指万维网联盟(World Wide Web Consortium),是一个国际的标准的制定机构。2. H5(HTML5,HyperText Markup Language 5的缩写),HTML5 是由W3C制定的新HTML标...【详细内容】
2021-07-06  畅游零和一的海洋    Tags:微信小程序   点击:(153)  评论:(0)  加入收藏
在开发微信公众号时,需要不时请求URL和数据封装。为了不做重复的工作。提取公共部分进行封装。产生了相应的公众类。今天先来写下请求类,代码如下:public class HttpRequestP...【详细内容】
2021-06-16  java浮萍  今日头条  Tags:公共类   点击:(134)  评论:(0)  加入收藏
小程序上线后,改版了很多次,包括一些 Api 接口也有改动。如果你学习一个很久之前的小程序项目是没有意义的,本文推荐的小程序都是最近有更新的。相信在你学习、部署的过程中,不...【详细内容】
2021-06-08    程序猿久一  Tags:微信小程序   点击:(207)  评论:(0)  加入收藏
自从2019年微信公开课Pro在微信之夜演示《跳一跳》以来,微信小游戏已经不知不觉走过的三年,这三年中我们可以明显看到微信对小游戏的扶持,对于微信开发者来说,微信小游戏开发以...【详细内容】
2021-05-25  开课吧科科  今日头条  Tags:微信小游戏   点击:(212)  评论:(0)  加入收藏
学习编程从hello world开始。学习微信小程序开发首先要安装一个微信开发者工具,官网上免费下载童叟无欺,下载完傻瓜式安装即可。 双击微信开发者工具,然后选择小程序,然后点击...【详细内容】
2021-05-12  程序员fearlazy  fearlazy  Tags:微信小程序   点击:(268)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条