跨平台移动开发实战(十一)------各平台(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,项目结构如下图所示:

跨平台移动开发实战(十一)------各平台(chrome+android+ios+webos)上的项目结构_第1张图片

manifest.json:

[javascript]  view plain copy
  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推荐的即可:

跨平台移动开发实战(十一)------各平台(chrome+android+ios+webos)上的项目结构_第2张图片

其中:

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

3)IOS

跨平台移动开发实战(十一)------各平台(chrome+android+ios+webos)上的项目结构_第3张图片

其中:

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

4)Webos

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

跨平台移动开发实战(十一)------各平台(chrome+android+ios+webos)上的项目结构_第4张图片

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

[javascript]  view plain copy
  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.

你可能感兴趣的:(跨平台移动开发实战(十一)------各平台(chrome+android+ios+webos)上的项目结构)