如何用h5做一个app

H5（HTML5）是一个新一代的网页标准，它可以实现非常丰富的特效和交互效果，同时兼容各种终端设备，包括移动设备。这使得H5成为开发移动应用程序的非常好的选择。下面，本文将介绍如何用H5来开发一个移动应用程序。

首先，H5应用程序的原理是什么？为什么说它适合移动应用程序的开发呢？这是因为一个H5应用程序可以被打包成一个嵌入式的Webview（嵌入式浏览器），通过这个Webview，我们可以获得和移动应用程序一样的用户交互体验，并且可以有原生应用程序的功能，比如调用摄像头、识别二维码等。

其次，我们需要使用一些工具来创建一个H5应用程序。下面是一些非常流行的工具：

1. PhoneGap/Cordova：PhoneGap（现在改名为Cordova）是一个开源的跨平台开发框架，它可以让你使用HTML/CSS/Javascript来创建移动应用程序，并且可以将这些应用程序发布到各种平台。它提供了一系列的API，让开发者可以访问设备上的硬件，比如摄像头、加速度传感器等。

2. Ionic：Ionic是一个基于AngularJS的HTML5移动应用程序框架，它提供了丰富的移动UI组件，让应用程序开发变得更加简单。

3. AppFramework：AppFramework是一个开源的移动应用程序框架，它提供了一系列的组件和API，使开发者可以快速地开发出漂亮的移动应用程序。

接下来，我们来看一下如何使用Cordova来创建一个基于H5的移动应用程序。首先，我们需要安装Cordova：

```bash

npm install -g cordova

```

然后，我们需要创建一个新的Cordova项目：

```bash

cordova create MyH5App com.example.myh5app MyH5App

```

上面的命令将在当前目录下创建一个名为MyH5App的Cordova项目，并且将其包名设为com.example.myh5app，应用程序的名称为MyH5App。接下来，我们需要将Cordova平台添加到我们的项目中：

```bash

cd MyH5App

cordova platform add android

```

上面的命令将向我们的项目中添加一个Android平台。我们还可以添加其他的平台，比如iOS、Windows Phone等。接下来，我们需要创建一个H5页面，并将其添加到我们的Cordova项目中：

```bash

cordova create MyH5App

```

上面的命令将创建一个名为index.html的空白的H5页面，并且将其添加到我们的Cordova项目中。我们可以使用任何文本编辑器来编辑这个页面，比如Sublime Text、Atom等等。我们可以在这个页面中添加任何H5特效和交互，比如利用CSS3和Javascript来创建漂亮的轮播图、下拉刷新等。

最后，我们需要将这个H5应用程序打包成一个APK安装包，并将其发布到各种应用商店。我们可以使用Cordova提供的命令来打包我们的应用程序：

```bash

cordova build android

```

上面的命令将编译我们的应用程序，并将其打包成一个APK文件。我们可以将这个文件上传到Google Play等应用商店，让更多的用户体验我们的移动应用程序。

总之，使用H5来开发移动应用程序是一种非常方便和灵活的方式，通过使用一些工具和框架，我们可以快速地创建漂亮的移动应用程序，并将其发布到各种平台。