H5是一种基于HTML、CSS、JavaScript等技术的网页制作技术，而制作H5免费APP的本质是将H5网页封装成APP进行发布。下面将对制作H5免费APP的原理及步骤进行介绍。
一、制作H5免费APP的原理
制作H5免费APP的原理本质上是将H5网页进行打包封装，以便于用户下载安装之后能够直接访问并使用，而不需要再通过浏览器进行访问。制作H5免费APP的工具很多，最常用的有两种：
1. HBuilder打包器
HBuilder是一款跨平台的HTML5开发工具，不仅可以用来进行网站制作，还可以将H5网页打包成为APP。具体做法是，利用HBuilder打包器进行网站源文件的打包，然后上传至附带的APP云打包功能，等待云端打包完成之后，就可以得到一个可以直接使用的APP。而HBuilder打包器兼容了iOS、Android、Windows Phone等多个移动平台，并且提供了完善的APP定制和调试工具，这些工具不仅全面，而且简单易用。使用HBuilder打包器还可以较为自由地管理APP，例如配置APP图标、启动画面、推送等应用所需的功能。
2. AppCan
AppCan是国内较为知名的一款H5移动应用开发平台，通过其混合开发技术，可以让开发者轻松制作移动应用。通过AppCan可以将H5页面封装成iOS、Android、WP8等平台对应的包文件，发布到各个应用市场或自己的服务器上。利用AppCan制作H5免费APP也非常简单易用，AppCan提供了云编译、云测试、代码自动更新等一系列功能。
二、制作H5免费APP的步骤
下面分别介绍利用HBuilder打包器和AppCan进行H5免费APP制作的具体步骤。
1. 利用HBuilder制作H5免费APP的步骤
- 第一步：安装HBuilder
在官网上下载HBuilder安装包，并进行安装。
- 第二步：新建H5项目
打开HBuilder，选择“新建项目”-“WebApp”，输入项目名称和项目路径。
- 第三步：编写H5网页
在项目中新建HTML、CSS和JavaScript相关文件，编写好H5网页。
- 第四步：确认打包配置
进入HBuilder打包准备界面，根据提示确认打包配置，包括APP名称、图标、启动页、是否开启调试等，然后点击“上一步完成”进入下一步。
- 第五步：上传源文件
上传打包器源文件，将源文件上传至打包器云端进行编译打包，等待打包完成。
- 第六步：下载打包文件
打包完成之后，可以在下载打包文件的地方找到APP包文件，其中包括Android与iOS的安装包、推广宣传海报、宣传页HTML5网址以及推广诚意金纪录等。
2. 利用AppCan制作H5免费APP的步骤
- 第一步：注册AppCan账户
在AppCan官网上注册一个账户并激活，激活完之后，可以新建APP进行应用开发。
- 第二步：新建应用
在AppCan官网上进入“应用中心”，点击“新建应用”按钮，填写应用名称及描述信息后，选择所需平台，例如iOS、Android、WP8等。
- 第三步：上传H5页面文件
在AppCan中新建应用之后，需要上传H5页面文件。可以先将H5页面打包成zip文件，然后在AppCan中上传H5页面文件。
- 第四步：发布到应用市场或服务器
上传完成H5页面之后，就可以编译打包APP，并把App发布到所需的应用市场或服务器上。AppCan不仅支持自主发布，还可以提供应用外包、游戏开发、运营及代理等一系列增值服务。
总结：制作H5免费APP，可以帮助网站拥有了更多平台及流量，并且极大地提高了应用的内容价值及用户黏性。利用HBuilder和AppCan等工具制作H5免费APP，不仅操作简单，而且实现效果优秀，完全可以满足开发者与用户之间的需求。
