跨平台移动开发实战（十一）------各平台(chrome+android+ios+webos)上的项目结构

转自：http://blog.csdn.net/cutesource/article/details/7823216

由于需要在把应用打包成各平台上的native app，所以需要按照各个平台的项目结构来组装应用，所以虽然主体程序都是基于HTML5开发，但依然需要在各个平台上都构建一套项目，下面介绍一下我开发的这么几个版本的项目结构：

• Chrome
• Android
• IOS
• Webos

1）Chrome

Chrome非常简单，标准的HTML代码结构，只不过添加一个manifest.json描述文件，就能使其成为一个Chrome APP，项目结构如下图所示：

manifest.json：

[javascript] view plaincopy

1. {  
2.   "name": "Starteam chrome",  
3.   "description": "Starteam mobile chrome version.",  
4.   "version": "1",  
5.   "app": {  
6.     "launch": {  
7.       "local_path": "app.html"  
8.     }  
9.   },  
10.   "icons": {  
11.     "24": "css/images/icon_24.png",  
12.     "48": "css/images/icon_48.png",  
13.     "128": "css/images/icon_128.png"  
14.   },  
15.   "permissions": [  
16.     "unlimited_storage",  
17.     "notifications"  
18.   ]  
19. }  

之后在chrome的扩展程序里安装此项目文件夹即可。

2）Android

Android版本的项目结构基于Phonegap推荐的即可：

其中：

• src：android native相关的类文件
• assets/www：程序主体，包含HTML, JS, CSS和图片等静态资源
• AndroidManifest.xml：项目描述文件

3）IOS

其中：

• cordovaLib.xcodeproj：phonegap框架源码
• www：程序主体，包含HTML, JS, CSS和图片等静态资源
• Plugins：phonegap自定义插件
• Supporting Files：项目资源和描述文件

4）Webos

这里没用mojo或enyo框架，因此，项目结构相对简单：

其中appinfo.json是项目描述文件：

[javascript] view plaincopy

1. {  
2.     "id": "com.hp.starteam.mobile.webos",  
3.     "version": "1.0.0",  
4.     "vendor": "hp",  
5.     "type": "web",  
6.     "main": "app.html",  
7.     "title": "starteam-mobile-webos",  
8.     "icon": "icon.png",  
9.     "uiRevision": 2  
10. }  

基于此文件可以把应用打包为webos的native app.