【转（阮毅峰）】H5移动App开发简介（概念）

原文

H5移动App开发简介：概念

作者：

日期：

手机现在是互联网的最大入口。根据报告，移动互联网用户人数已超过8亿，人均]（）

毫不奇怪，移动应用（简称移动应用）开发工程师的需求供不应求，这一直是IT招聘的热点。

形象

如果你开始学习移动App开发，你一定会听到H5这个词。它是目前主流的开发技术之一，易于使用，开发周期短，成本低，并且与传统的Web开发兼容。然而，很少有文章详细描述H5是什么技术，它有什么原理，以及它与其他技术的不同之处。

这是H5的第一个教程，介绍了基本概念。内容尽可能受欢迎，但没有什么太复杂的。我希望这篇文章能帮助初学者入门，也能被熟练的开发人员用来复习和整理知识点。

形象

感谢您在中国最大的在线教育平台之一上赞助这一系列课程。他们现在已经开始推广高质量的课程资源。如果你想提高你的前端技术，请关注本文末尾的“一元”课程信息。

1、 H5的含义

表面上看，移动App是一样的，也就是说，它们可以通过单击图标运行，但其底层技术不同。根据开发技术，App可分为三类。

本机App（简称本机应用）

WebApp

混合App（简称混合App）

这三类app的技术模式不同，各有优缺点。企业通常选择其中一个作为主要技术堆栈来构建自己的移动App。

形象

H5这个词可以理解为一种混合应用模型，但它特指混合应用的前端。因为混合App的前端是HTML5页面，所以简称为H5。这个词在中国是独一无二的，基本上由前端程序员使用。它在国外没有使用，但被直接称为混合App。

要真正理解H5开发，你首先需要弄清楚什么是原生App，什么是webApp，因为混合App是在它们的基础上诞生的。

2、 本机App

2.1概念

Native App是专门为特定手机平台开发的App，不能在其他平台上运行。如果一个移动软件想要同时支持苹果手机和安卓手机，它需要为每一款手机编写一个本地App。

历史上，原生App首次出现，并与智能手机系统一起诞生。iPhone诞生于2007年6月，Android诞生于2008年9月。与此同时，发布了家庭平台的原生App开发方法。

本机App使用与移动操作系统相同的语言。IOS原生应用使用Objective-C或Swift，而Android使用Java或Kotlin。由于底层系统的语言和技术模型是一致的，因此本机App具有良好的性能和用户体验。

形象

2.2优势

原生应用的优势主要有两个：（1）更好的性能和体验；（2） 您可以使用系统的所有硬件和软件API，如GPS、摄像头、麦克风、加速计、通知推送等，以充分发挥系统的潜力。

2.3缺点

原生应用的主要缺点是成本。每个移动平台都需要建立一个独立的开发团队。大公司通常有两个开发团队，iOS和Android。如果有第三个平台（以前的Windows Phone，可能是未来的华为鸿蒙OS），将组建第三个团队，成本会更高。

第二个缺点是本机App使用底层操作系统的语言，这是一种经过大量编译的语言。开发和调试成本相对较高，时间周期较长。

第三个缺点是必须下载并安装本机App才能使用。只要升级了版本，就必须下载并重新安装。用户通常不愿意更新版本，制造商很早以前就被迫支持旧版本。

3、 WebApp

3.1概念

Web App是使用网页的App，必须在浏览器中使用。例如，当您在浏览器中发送和接收电子邮件时，您使用的是Web App。

Web App主要使用Web技术，即HTML、JavaScript和CSS。2008年，w3c组织发布了第五版HTML，称为HTML5，极大地增强了网页的功能，使网页可以作为App使用，而不仅仅是显示文本