在移动应用开发领域，H5制作APP已经成为了一种非常流行的方式。通过H5制作APP可以节约大量的开发成本和时间。而且，相对于原生开发的APP，H5制作的APP还拥有更加方便快捷的维护和更新方式。同时，由于H5技术的普及，也使得H5制作APP的技术门槛不再那么高，相对容易上手。
那么，究竟如何免费制作一款H5应用呢？下面就简单介绍一下其原理和具体方法。
一、原理
H5制作APP的原理就是将HTML5页面打包成APP。具体来说，将HTML5页面嵌入容器APP中，通过容器APP提供的API调用硬件设备和系统的功能，如扫描二维码，获取用户位置信息，调用摄像头等等。
二、方法
1.准备工作
在制作H5应用前，需要准备如下工具：
Android Studio：用于模拟器或真机调试。
APICloud Studio ：用于打包发布。
HBuilder：基于Html5 和 JavaScript 的开发工具。
以上这些工具都可以免费下载和使用。
2.在APICoud Studio创建新项目
在APICoud Studio中创建一个新项目（在菜单栏选择File–>New–>Project），输入项目名称和所需支持的Android版本。点击“Create”。创建完成后，打开生成的目录，可以看到默认会生成以下文件：
- a/templates文件夹，里面是项目的默认模版文件。
- widget/manifest.xml，项目的配置文件。描述了Application的属性，Activity的数量、启动列表中的位置等。
- *.html文件，即H5页面文件。
现在我们就可以在*.html文件中编写自己的H5页面。
3.使用APICloud 调用系统API
APICloud提供了丰富的API供开发者调用，如相机API、网络API、地理位置API等等。这些API在HTML5环境下是不可以直接访问的，但是，在APICloud下可以通过JavaScript代码访问到。
例如，调用相机API拍照：
```
var cmr = api.require('camera');
cmr.takePhoto(function(ret, err){
if( ret ){
alert( JSON.stringify( ret ) );
}else{
alert( JSON.stringify( err ) );
}
});
```
代码中，通过api.require()方法获取相机API，并调用其中的takePhoto()方法打开摄像头拍照功能。
4.在Android设备上测试
使用Android Studio，打开模拟器或者将自己的Android设备连接到电脑上，然后运行APICoud Studio中生成的项目。在运行时需要注意以下两点：
- 需要把运行设备改成Android，否则会出错。
- 运行前必须确保设备的internet网络是正常的。
代码运行成功后，APP就可以直接在Android设备上体验了。
5.在HBuilder中打包发布
当H5页面开发完成后，我们还需要将其打包发布成APP。APICloud Studio支持Android打包，但是可能会不稳定或者出现一些问题。另外，APICloud Studio生成的APK文件体积较大，可能会超过上限，难以上传到市场。
因此，我们可以利用HBuilder工具进行打包。在HBuilder中选择“发行版构建”，选择打包模板，然后填写APP名称、版本号、签名等信息即可。打包完成后，就可以直接安装到Android设备上，也可以上传到各大市场。
总结起来，制作H5 APP的过程不再具有极高的技术门槛，更重要的是，其成本也相对较低。可以帮助更多小型团队甚至个人开发出自己的APP。
