首页 > 1.云之家轻应用开发入门指南-V1.0-

1.云之家轻应用开发入门指南-V1.0-

发布时间：来源：文档文库

小中大

字号：

手机查看

云之家-轻应用开发入门指南
云之家轻应用项目实施文档
罗平 2014/7/7
版本 V1.0 V1.0

编写人/更新人罗平罗平

日期 2014-06-11 2014-07-07

变动说明创建
更新链接地址

目录
1 2
云之家轻应用介绍 .......................................................................................................................... 3 开发步骤介绍 .................................................................................................................................. 3 2.1
第一步：开发环境搭建 ..................................................................................................... 3
2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6
2.2
Step 1 .................................................................................................................. 3 Step 2 .................................................................................................................. 3 Step 3 .................................................................................................................. 4 Step 4 .................................................................................................................. 4 STEP 5 ................................................................................................................. 5 STEP 6 ................................................................................................................. 5
第二步：代码开发实现 ..................................................................................................... 6
2.2.1 2.2.2 2.2.3 2.2.4
2.3
STEP 1 ................................................................................................................. 6 STEP 2 ................................................................................................................. 7 STEP 3 ................................................................................................................. 8 Step 4 .................................................................................................................. 8
第三步：轻应用部署到云之家 ......................................................................................... 9
2.3.1 2.3.2 2.3.3
3
STEP 1 ................................................................................................................. 9 STEP 2 ................................................................................................................. 9 STEP 3 ............................................................................................................... 10
附录： ............................................................................................................................................ 12 3.1
样例代码 ........................................................................................................................... 12
3.1.1
3.2
Demo工程代码：HelloLightApp工程 ............................................................ 12
参考资料 ........................................................................................................................... 12
2 / 12

1 云之家轻应用介绍
轻应用是指采用WEB技术开发的无需安装直接打开的移动应用，云之家中提供了WEB应用可调用的基础服务以便于轻应用可以融入到云之家的框架之中以及获取用户、设备的信息，从而实现一些业务功能。

轻应用的开发可以采用各种WEB开发技术实现，云之家平台对实现不做要求，云之家将提供底层的一些服务以便于轻应用的运行。
2 开发步骤介绍
以下为开发过程，按照每一步进行相应操作。
2.1 第一步：开发环境搭建 2.1.1 STEP 1 Java 环境为例，MyEclipse8.5 + Tomcat 6.0

2.1.2
STEP 2 在Package Exploer视图下右击 -> New -> Web Project，建立一个web工程
3 / 12

2.1.3
STEP 3 工程命名为 HelloLightApp，点击Finish , 完成web工程的建立。

2.1.4 STEP 4 工程HelloLightApp 建立成功
4 / 12

2.1.5
STEP 5 工程建立成功后，可能有语言问题，建议选择项目，右击 -> Properties

2.1.6
STEP 6 弹出项目的属性，选择Resource -> Text file encoding ->Other , 选择UTF－8
5 / 12

2.2 第二步：代码开发实现 2.2.1 STEP 1 以使用JQuery为例，在WebRoot下新增js文件夹，jquery.min.js 从网上下载一份（这个资源很容易下载，百度），放到js文件夹下。在jsp页面，引入jquery.min.js和云之家的js（http://im.kdweibo.com/pub/js/qingjs.js ）

6 / 12

2.2.2
STEP 2 XT轻应用为开发者提供了XuntongJSBridge的通用方法，可以快捷设置相关的属性，如右上角的按钮、设置页面标题、获取用户身份信息、获取用户网络状态等，详情可参考：
http://open.kdweibo.com/wiki/doku.php?id=xunt:%E4%BA%91%E4%B9%8B%E5%AE%B6v4_%E8%BD%BB%E5%BA%94%E7%94%A8%E6%A1%86%E6%9E%B6%E4%B9%8Bjsbridge%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E
7 / 12

2.2.3
STEP 3 开发环境测试页面效果，以默认的服务器为例。选择工程，右击 -> Run As -> MyEclipse Server Application 运行

2.2.4 STEP 4
运行的效果
8 / 12

2.3 第三步：轻应用部署到云之家
2.3.1 STEP 1
打开云之家公共号平台http://pubacc.kdweibo.com/，登录

2.3.2
STEP 2 9 / 12

添加菜单，取名为“Hello轻应用”，类型选择“轻应用”，链接栏输入访问地址，服务器IP+端口（这里要确保手机网络能与服务网络是通的）

2.3.3 STEP 3 登录云之家，打开轻应用页面，点击“Hello轻应用”按钮，效果如图
10 / 12

11 / 12

3 附录：
3.1 样例代码
Demo工程代码：HelloLightApp工程
3.2 参考资料
2.云之家轻应用开发实现框架规范-V1.0.docx 提供轻应用开发的JS功能实现方法

12 / 12

本文来源：https://www.2haoxitong.net/k/doc/9fe4484c580216fc700afdd9.html