H5指的是HTML5，是一种标准的网页制作语言。H5制作的网页具有跨平台、兼容性强、交互性强等特点，被广泛应用于网页游戏、移动应用开发等领域。本文将介绍如何利用H5制作APP，并且不收费。
1. 架构
H5制作APP的基本架构是使用 WebView 技术，即WebView 组件加载 H5 网页，实现APP的开发。WebView 是一个可以显示Web页面的控件，类似于浏览器内核。开发者可以在 WebView 中集成 HTML5 文件，实现原生 APP 界面效果。因此，只要你已经有了HTML5的网站或者是界面，就可以直接构建出一个完整的APP应用了。
2. 工具
在H5开发中使用的工具一般有两种：Cordova 和 PhoneGap。它们是一种开源的移动应用程序开发框架，使得开发者可以利用 HTML，CSS 和 JavaScript 来创建展示原生应用程序，以更方便的方式构建混合App。
Cordova 是 Adobe 系的跨平台开源框架，其扩展性和可定制性非常强大。同时，与其他的跨平台框架的比较，它的体积比较小、速度比较快，因此应用场景较多。
PhoneGap 是 Adobe 推出的一款开源的、跨平台的移动应用开发框架。它通过将 Web 技术与移动开发平台（Android/iOS）的 API 结合起来，为开发者提供了一种快速、简单的 APP 开发方式。
3. 步骤
H5制作APP的步骤主要分为以下三步：
（1）原生应用管理界面的开发。打开开发者选项，创建一个项目用于存放 H5 相关的页面，该项目包含一个 WebView 组件来承载 H5 站点，同时提供一些原生的工具来使得开发者可以更加方便进行调试和开发。
（2）H5站点的开发。将所需的网页文件编写成HTML、CSS、JavaScript 等文本文件，通过提供相关的开发工具和方法对网页样式和布局进行设置，在开发中要尽量避免使用依赖于特定平台的技术和特性，以保证在不同平台下的兼容性。
（3）将 WebView 组件装载至原生应用管理界面中，用于承载 H5 网站，即可实现 APP 应用。这样就可以将自己制作的H5网页，包装成一个原生APP，将APP打包、签名等操作，发到应用市场进行上架，便可以免费向用户提供。
4. 注意事项
（1）在H5网页中，应该避免使用依赖于特定平台的技术和特性，确保兼容性。
（2）考虑到由于H5网页的运行环境是一个网页，不是一个APP，可能导致H5的性能方面的问题，需要有一定的代码实现上的优化和性能测试。
（3）考虑到框架本身的问题，可能无法覆盖所有的界面操作和功能要求，开发者需要了解所要实现的目标，并选择合适的框架和工具。
总而言之，在H5的应用中，我们可以开发跨平台的APP。使用H5的优势也是非常明显的，无需开发多个版本的APP，从而降低了开发、测试和发布的成本。与此同时，H5的开发工具也越来越成熟，如Cordova、PhoneGap等框架不断更新，使得开发便更为方便。
