免费安卓版h5制作app

在移动应用开发领域，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。