WebExpressor
云编译帮助文档
分类:JavaScript 标签:js,phonegap
介绍怎么将web mobile app项目打包成客户端

1.准备工作

1.1 编写你的应用

你可以通过JavaScript、Css和HTML来编写SPA(单页应用程序),页面的入口为index.html。也可以使用Mobile Framework,如Sencha TouchjQtouchJQuery Mobile

1.2 配置config.xml文件

1.2.1 配置包名

通过widget标签的id属性可以配置,它是应用的唯一标记。

1.2.2 配置版本

通过widget标签的version属性可以配置。

1.2.3 配置程序名

通过name标签进行配置,如:

<name>Demo</name>

1.2.4 配置程序icon

通过icon标签可以配置,如:

<icon src="icon.png"/>

把icon图标放到和index.html文件相同的目录即可,大小可以为114*114px。

1.3 调用手机功能

该编译环境使用了开源项目PhoneGap,因此调用手机API可以参见:

例如要调用手机摄像头功能,需要在JavaScript中添加如下代码:

navigator.camera.getPicture(onSuccess, onFail);

function onSuccess(imageData) {
   //在页面中显示拍照的图片,也可以上传到服务器
   var image = document.getElementById('myImage');
   image.src = "data:image/jpeg;base64," + imageData;
}

function onFail(message) {
   alert('Failed because: ' + message);
}

2.开始编译

该编译环境可以将基于JavaScript、Css和HTML创建的应用实现跨平台,目前我们只支持Android和IOS平台。

2.1 上传你的应用

你的应用中可以包含以下内容:

  • index.html(必须)
  • config.xml(必须)
  • icon.png:应用程序图标(必须)
  • 其它资源文件: JavaScrpit、Css文件、图片、多媒体文件等等

最后将你的应用压缩为zip格式的文件进行上传。

2.2 进行编译

选择要编译的平台进行编译,该过程要等待几分钟。

3.下载安装

编译好之后就可以进行下载安装了。