H5和原生App的区别

前端常识：

前端：指客户端
主要有：

1. 移动端APP（Android、IOS等）
2. Web前端（主要指H5）
3. PC端软件

后端：值服务器端。
常见的服务端语言或技术：

• java
• Node.js
• Python
• Golang

1. 不同形式的移动客户端：体验

	H5	原生App
运行环境	浏览器	基于操作系统 例如：安卓、IOS
优点	1. 不需要下载安装 2. 几乎不占用手机存储空间 3. 方便快捷，点开即用 4. 传播成本低	1. 流畅度高，体验好 2. 和系统功能完全契合，功能强大
缺点	1. 使用体验差 * 任何一个页面都需要发送网络请求加载 ， 断网的情况下无法访问 * 网络较慢时，有非常明显的卡顿 。而且没有缓存 2. 和系统功能契合度低，功能较弱。 只是完成基本的数据展示。 例如：发送网络请求，展示数据	1. 使用门槛相对高 应用商店–搜索应用–下载安装–使用–各种权限开启 2. 长期占据内存空间 3.开发成本极高,需要安卓和IOS开发人员
适合场景	1. 信息统计 例如 :投票、报名、用户反馈、表单收集 2. 场景宣传 例如：活动宣传、小游戏、婚礼邀请	1. 体验要求高，例如：音视频缓存，响应速度快 2. 功能丰富
举例	百度：www.baidu.com	微信

1.1基于App的二级生态：分为公众号 和 小程序

公众号	-
运行环境	微信
优点	1. 完全无需安装任何文件 2. 支持微信自带的交互功能，例如：自动消息回复、定制消息回复、菜单配置 … 3. 支持H5网页嵌入—体验同H5
缺点	1. 不适合大型功能 2. 体验较差—无缓存
适合场景	1. 消息推送 2. 文章发布 3. 简单交互：留言、简单消息功能
举例	网易云课堂

小程序	-
运行环境	微信
特点	1. 使用体验介于H5和原生App之间：使用门槛低、可以缓存、操作足够流畅 2. 功能介于H5和原生App之间 3. 内存占用极少、无感安装使用 4. 易营销传播—特别在微信
举例	顺丰、网易云课堂、…

1.2 应用程序主流架构

• 前端：指面向用户的这一端，用户可以看到界面，可以触摸进行交互

  • PC端：指电脑端

    • 桌面应用：指基于操作系统的（window），基于操作系统上面安装的软件
    • web应用：基于浏览器运行的应用。例如：通过浏览器打开的网站

  • 移动端

    • H5：基于移动端里面的浏览器，打开的网站。

      例如：输入百度网址，打开百度。百度就被称为移动端的H5应用
      

    • 原生App：基于操作系统，使用原生语言开发的应用。

      例如：苹果下面的IOS应用，基于IOS操作系统开发的应用，称为IOS应用
      
      IOS应用开发的语言：OC语言、script语法等
      
      苹果有自己的操作系统和自己的开发语言，
      
      原生App：手机上安装的微信
      
      

    • 基于App的二级生态

      例如：小程序
      
      小程序是基于微信平台，开发的App应用
      

• 后端：指为前端提供各种服务，比如：数据服务

2. 不同形式的移动客户端：对比

H5	-
开发门槛低	技术栈：HTML、CSS、、js
开发成本低	1. 跨平台：有浏览器的地方都可以运行 * PC端浏览器：系统内置、三方、内嵌 * 移动端浏览器：系统内置、三方、内嵌 2. 只需一组开发人员 * H5–2人 * 技术通用性强：可以随时支援配合其他端：安卓、IOS、后台管理系统 * 大大节约人力成本，每月20k + 开销
无监管	1. 质量不一 （可能出现不良信息）2. 更新迭代快
推广成本低	就一个网址链接，即点即用

原生App	-
开发门槛最高	技术栈：安卓：java ； IOS：OC、Swit、
开发成本高	目前普遍的两组开发人员：安卓（2人）和 IOS（2人）；每月40k + 的开销
有严格的审查机制（IOS）	质量相对较高、更新迭代慢
推广成本高	各种广告投放、没吸引力，用户还不下载

小程序	-
开发门槛低	技术栈：前端那一套类似
开发成本低	跨平台：因为是基于App（微信、支付宝）
开发生态好	云开发：云函数、云存储、云数据库、HTTP API
有管控：经微信审核	相对保证质量、减少迭代周期
推广成本低	微信内推广有天然优势
市场需求大	基于：开发成本、开发周期、用户体验、推广成本等综合考虑： 小程序是一个互联网企业发展过程中的必备产物，能够快速的抢占市场，抓取用户