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

关注

原创最新推荐文章于 2026-10-18 09:47:54 发布 6k 阅读 AI 写同款· GEO 优化 ›

跨平台移动开发实战（一）------总体架构和技术路线最近两个月以来工作之余一直在做一件事情，就是把现在的产品移植到各主流移动平台上。其实需求很简单，就是想让现有的产品能在各大移动平台上有个端，让客户能移动办公。这个需求大概也是个大众化普遍的需求，于是乎就饶有兴趣地把它当作一个主题比较深入地研究了一下。两个时间自己没事儿就倒腾一下，做了一个像模像样的产品，并覆盖到IOS、Andriod、WebOS、Chrome和Windows Phone(还在开发中阅读详情

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

Chrome
Android
IOS
Webos

1）Chrome

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

manifest.json：

{
  "name": "Starteam chrome",
  "description": "Starteam mobile chrome version.",
  "version": "1",
  "app": {
    "launch": {
      "local_path": "app.html"
    }
  },
  "icons": {
    "24": "css/images/icon_24.png",
    "48": "css/images/icon_48.png",
    "128": "css/images/icon_128.png"
  },
  "permissions": [
    "unlimited_storage",
    "notifications"
  ]
}

之后在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是项目描述文件：

{
	"id": "com.hp.starteam.mobile.webos",
	"version": "1.0.0",
	"vendor": "hp",
	"type": "web",
	"main": "app.html",
	"title": "starteam-mobile-webos",
	"icon": "icon.png",
	"uiRevision": 2
}

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

收录于