当前位置: 首页 > > IBM > IBM软件 > 面向移动应用开发IBM Worklight平台动手实操方法

面向移动应用开发IBM Worklight平台动手实操方法

2014-03-13 14:30 来源:IBM 作者:Hamid Kalantari 人气指数: 我要评论

了解如何使用安装在 IBM Rational Application Developer for WebSphere Software V8.5.1 之上的 IBM Worklight 平台来开发一个混合移动应用程序。IBM Worklight 简化了跨移动平台的移动 web、混合及原生应用程序的开发:iOS、Android、BlackBerry、Windows phones,及其他平台的设备。它提供了基于平台及源代码的功能增强来帮助开发人员加速开发、测试及交付移动应用程序的可视化开发能力,可使用诸如 HTML5、Apache Cordova、JavaScript 等开源技术,以及诸如 Dojo、jQuery 及 Sencha Touch 等 JavaScript 框架。通过跨平台最大化共享代码基(codebase),IBM Worklight 帮助减少开发成本、投放市场时间及持续管理的工作量。

在完成这篇文章的学习后,您可以很好地理解以下任务:

  • 设置 IBM Worklight 开发环境
  • 创建一个 IBM Worklight 项目及 Worklight 应用程序
  • 理解 IBM Worklight 项目(project) 及“应用(app)”的结构及内容
  • 探索 IBM Worklight 环境(Android、iPhone 及 Blackberry)
  • 为移动应用程序创建视图(views)
  • 在移动浏览器模拟器(mobile browser simulator)中测试应用的 Android 及 iPhone 版本

设置 IBM Worklight 开发环境

为了设置开发环境,需要事先安装必要的软件来启动 IBM Worklight Studio。

安装先决必要软件

安装以下软件及插件(plug-in)来为您的移动应用开发设置环境。

  • Rational Application Developer for WebSphere Software V8.5.1
  • IBM Worklight Consumer Edition V5.0.5
  • Android SDK V4.2.1
  • Android SDK 平台及 SDK 平台工具(使用 Android SDK manager 安装)
  • ADT plug-in(在列表中选择 Developer tools)

启动 IBM Worklight Studio

  1. 右键点击 <RADInstallDir>\eclipse.exe > Run as administrator,以管理员(administrator)权限启动 Rational Application Developer。
  2. 在 Workspace 启动对话框指定您的工作空间(workspace)路径。
  3. 如果您看到欢迎页面(welcome page),可以通过关闭 Welcome 页签忽略它。
  4. 切换到 Design perspective Window > Open perspective > Other > Design。

创建一个 IBM Worklight 项目及一个 Worklight 应用程序

  1. 切换到 Design perspective > Window > Open Perspective > Other > Design
  2. 选择 File > New > Worklight Project
  3. 确定 Hybrid Application 被选择作为项目模板(project template)。
  4. 输入 MyMobileApp 作为项目名并点击 Next。
  5. 在 Hybrid Application 面板(panel)指定 MyMobileApp 作为应用程序的名字。
  6. 确定 Add Dojo Toolkit 选项被选中,然后点击 Finish。

图 1. 创建一个新的混合应用程序

点击这里给我发消息

理解 IBM Worklight 项目结构及内容

图 2 展示了项目结构。它包括这些组件:

Worklight Server library
Worklight API jar 文件
Server/java
在此位置放置基于 Java 的适配器中的端 Java 代码(高级)
JRE System library
包含项目所使用的 JRE
JavaScript Resources
包含项目的 JavaScript 类内容
adapters
包含项目的适配器(用于后端连接性)
apps
包含项目的所有应用程序
bin
在此位置放置要部署到 Worklight 的构建工件(wlapp 文件)
components
包含 shell 应用程序组件(高级)
dojo
包含 Dojo Toolkit JavaScript 资源
Server
包含内嵌的 Worklight 测试的配置文件及扩展的位置,包括:
conf
IBM Worklight Server 配置文件,例如 worklight.properties
java
必须要编译及打包到 jar 文件的 Java 代码,以便部署到
lib
必须要部署到 IBM Worklight 的预编译库(Pre-compiled libraries)

图 2. IBM Worklight 项目结构及内容

创建混合应用程序的向导

理解 IBM Worklight 应用程序结构及内容

IBM Worklight 应用程序结构及内容如图 3 所示。包括以下内容:

common
对所有环境都通用的默认资源,例如 CSS、图像、JavaScript 及 HTML 文件
css: /MyMobileApp.css
主应用程序 CSS 文件
css: /reset.css
将所有渲染引擎(rendering engine)设定为同一基准
images
通用环境所用到的默认图片文件
js: /MyMobileApp.js
应用的主 JavaScript 文件 message.js
js: /messages.js
处理应用所有消息的 JSON 对象
js: /auth.js
身份验证机制
MyMobileApp.html
主应用程序的 html 文件。应用可以拥有多个 html 文件。
legal
所有法律(legal)相关文档,例如应用程序的许可证(license)文档或第三方软件的许可证文档
application-descriptor.xml
用于定义应用不同方面的应用程序元数据(meta data),例如安全配置、 URL,等等。
build-dojo
与定制 dojo 概要文件构建版本相关的工件(高级)

图 3. IBM Worklight 应用程序结构及内容

项目结构及内容

与 IBM Worklight 应用程序关联的 HTML 及 XML 文件包括:

MyMobileApp.html
当作为混合应用程序部署在 iPhone 及 Android 移动设备上时,由设备渲染引擎加载的主应用程序 HTML 文件。
application-description.xml
在编辑器(editor)视图,单击 Source 页签来查看 application-description.xml 文件所包含的元素。图 4 展示了这些元素。

图 4. application-description.xml 源代码视图

应用程序结构及内容

在 application-description XML 文件中,所包含的标记(tag)包括了更多关于应用程序的信息:

<application>
application-descriptor.xml 的根元素,包含两个属性:
id
包含了必须是同一的应用程序 ID
platformVersion
包含了开发应用程序的 IBM Worklight 平台的版本信息
<displayName>
包含应用程序的名字
<description>
包含应用程序的描述
<author>
包含应用程序作者的名字
<height> and <width>
用于桌面环境
<mainFile>
包含应用程序主 HTML 文件的名字
<thumbnailImage>
包含应用程序所用缩略图的路径

为您推荐: IBM Worklight 移动应用开发
大家感兴趣的内容
小伙伴最爱的新闻
小伙伴还关注了以下信息
小伙伴关注的焦点

小伙伴都在关注的热门词

芈月传 老司机玩法 萌乐网 黑科技 坐骑揭秘 三国令 铁血皇城 竞技场攻略 书剑恩仇录 披风玩法 装备强化攻略 野外BOSS玩法 全网曝光 赤壁传说 半回合制国 ACT 哥们网 天书世界 奇珍商城 热血战歌 传奇宝藏抽奖 门徒 范伟打天下 打开方式 门徒获取玩法 三大萌宠简介 新手攻略 挂机系统简介 材料副本 大海战 鸵鸟 大黑 激情玩法 门徒战力提升 万世 强化属性 上古降魔 提升战力 装备攻略 九阴绝学 品质推荐 老干妈 激战来袭 大黑游戏 新服亮点 福利多多 画江山 资料片 玩家 九阴真经 江湖儿女 真实场景 现实 虚拟 随机副本 风色轨迹 听天由命 ppwan 神助攻 武林秘药 激活八大脉门 九天劫变 猎命格 天问 大型PVP 花千骨 激战更尽兴 网易mumu 手游玩家 安卓模拟器 安卓 单挑群战 武侠传说 女神 孙尚香专访 胸猛抱团 新游 占山为王 跨服城战 蜀山战纪 剑雨江湖 攻略 实时VR交互 七大女神代言 酷炫走江湖 世界四大杀手 玩家专访 三国经典 大制作 好玩网页游戏 盘点 宇宙霸主 境界玩法 莽荒纪 勇闯难关 镜像副本 荒漠霸主 装备精通 三大战役 鹌小彦奇谈