H5制作App实际上就是通过H5技术实现原生应用的效果。H5是指使用HTML5、CSS3和JavaScript等Web前端技术来开发应用程序。H5技术已经非常成熟，不仅可以开发网站、移动端页面等，还可以通过一些框架和技术实现App开发。
一、H5制作App的原理
H5技术通过webview技术，调用系统Webview组件，将Web应用加载到移动端上。Webview是一种属于系统的组件，能够渲染HTML、CSS和JavaScript等Web前端技术构建的网页。H5应用通过Webview技术，以原生App的形式展现在移动端上。
二、H5制作App的优缺点
1.优点
（1）成本低：相比原生App开发，H5制作App的成本非常低，因为无需繁琐的编译和打包等过程。
（2）开发周期短：H5制作App使用的是前端技术，因此开发周期相对较短。
（3）性能较优：H5的性能在移动端得到了非常好的优化和提升，因此在一些简单的应用场景下，它的性能要比原生App优秀。
2.缺点
（1）难以满足高级需求：H5技术对于要求比较高的交互体验和UI设计来说，难以满足需求，因此对于那些高级需求的开发者而言，H5技术可能并不是最佳选择。
（2）局限于Webview技术：H5制作App的本质是基于Webview技术的，因此受到Webview的限制，部分功能可能无法实现。
三、如何编写H5 App
1.准备工作
（1）确定要开发App的业务需求和功能特点。
（2）选择开发工具和技术框架，如HBuilder、jQuery Mobile、Framework7等。
（3）确定App界面的交互设计和UI设计，保证用户体验。
2.编写代码
（1）H5技术常用的技术栈有HTML、CSS、JavaScript、Vue.js等，所以首先需要掌握这些技术。
（2）在选择完框架之后，根据框架提供的文档教程进行开发。
（3）在开发过程中，需要注重对性能的优化，确保在移动端运行流畅。
3.打包上线
（1）在完成开发后，需要对代码进行打包，生成APK或IPA等文件格式。
（2）上传至对应的应用市场，进行审核和发布。
四、H5制作App常用的技术框架
1. HBuilder
HBuilder是一种专门为H5移动应用开发而设计的开发工具，是H5开发者的首选工具，因为它可以实现一键打包，在代码编写的同时，还拥有丰富的插件，包括调试、代码提示、自动修复等功能。
2. React Native
React Native是Facebook官方开源的移动APP开发框架，使用JavaScript进行编写，采用了原生组件和API，可以实现跨平台应用的构建。
3. Ionic
Ionic是一个流行的基于HTML、CSS、JavaScript技术的移动应用框架。其提供丰富的组件库和插件，可用于创建数据驱动的应用程序，适合快速构建跨平台应用。
5. Uni-App
Uni-App是DCloud公司基于Vue.js开发的一款多端开发框架，可以开发出iOS、Android、H5、小程序等多端应用。Uni-App能够在保证跨平台的同时，有效维护了原生应用的性能，持续性能稳定是其优势所在。
总结：
H5制作App是一种成本较低、开发周期短的移动应用开发方式，它使用了前端技术如HTML、CSS、JavaScript等，使用Webview技术，实现了原生应用的效果。在选择框架时，需要根据自己的业务需求和技术水平进行选择，才能够获得最佳的开发效率和性能。
