`
rexsee
  • 浏览: 19944 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何基于Rexsee实现以Web开发方式创建Android应用

阅读更多

Rexsee是国内的开源移动Web开发平台。使用Rexsee开发Android应用与创建一个网站的流程无异,所有Rexsee代码仅体现在Web前端,放在HTML页面的<script>标签内。

 

编写Rexsee客户端,实际上就是编写Rexsee所能理解、渲染的HTML、CSS和Javascript代码。你可以把Rexsee理解为一个“浏览器”,这个“浏览器”除了支持Webkit支持的所有对象外,又扩展了100多个Javascript对象及相应的2000个方法和事件。

 

支持本地功能的调用接口,可以实现对本地存储、通讯录、传感器、定位信息等本地功能的调用。同时,还提供了离线提交、push推送等原生应用功能。

 

  • 界面:Rexsee的页面设计支持Web布局和原生布局两种形态。针对于原生布局,可以通过Javascript语言构造出Android SDK中的布局和基本对象,结合相应的触屏事件,可以有很好的用户体验。且支持2D和3D的绘图功能。针对Web布局有两个不同类的对象,一是页面内对象,一是页面外对象。
    • 页面内对象指的是网页对象,如表格、DIV层、图片、画布等。可以用CSS来控制其样式,其渲染效果由Webkit引擎负责展现。
    • 页面外对象是指网页以外的元素,如各种Bar,对话框(Dialog),弹出窗口等。使用Rexsee的样式表定义,如该对象的位置、宽、高、透明度、颜色、字体等。页面外元素的样式是通过相关对象的样式设置方法来操作的。
  • 功能调用:同时支持同步和异步两种调用方式。实现多媒体支持,定位、位置服务,传感器,存储,蓝牙、wifi,以及推送和通知等功能。
  • 交互:通过Javascript的事件接口、Rexsee的事件接口以及Rexsee私有协议实现。
    • 特别指出,私有协议是通过诸如:rexsee:info;rexsee:about等;
    • Rexsee的事件接口已经由Rexsee内置注册,使用时只需在相应的事件函数中编写用户代码即可,在事件触发时,用户代码会被执行。
  • 调试:和原有的Web前端开发一致。同时,Rexsee本身也提供了异常事件,用于捕捉错误。
  • 编译:整个过程其实就是将Rexsee代码和Rexsee客户端关联的过程。
    • 可以体现在B/S架构下,只需将Rexsee代码所在的URL和Rexsee客户端首页绑定。这种架构下,Rexsee代码实际上是部署在服务器端,客户端体积小,无需下载更新即可实现应用升级。
    • 也可以在C/S架构下,需要将Rexsee代码、资源文件打包进Rexsee客户端,这种架构模式更加类似于原生应用,完全摆脱网络束缚,启动和运行效率较高。
    • 同时,Rexsee还提供了B/C/S混合架构模式,即整合B/S和C/S的优势。

对于开发者而言,只需在掌握Web前端开发的基础上,按需选用Rexsee提供的Javascript对象,按照Rexsee对象的方法、事件编写代码便可实现相应功能。

 

简单代码示例

<html>
<head>
<title>这是一个android应用</tiltle>
<script type=text/javascript>
//Rexsee 代码从这里开始
window.onRexseeReady=function(){
 rexseeScreen.setScreenOrientation("portrait");  //设置屏幕方向
 rexseeTitleBar.setStyle('visibility:hidden;');  //标题栏样式  隐藏
 rexseeStatusBar.setStyle('visibility:hidden;');  //状态栏样式  隐藏
 rexseeDialog.toast('系统加载完毕!');    //出现后随即消失效果
}
</script>
</head>
</html>
 

代码写好之后使用在线编译生成APK文件,下载安装在终端;在线编译的首页地址是程序的网络地址;也可以使用预打包,把程序首页地址放在本地,把本地地址作为首页地址。

 

Rexsee社区提供了开发手册,按Rexsee对象的方法、事件编写代码便可实现相应功能。http://www.rexsee.com/rexsee/rexseeReference.apk

 

社区目前也提供在线开发环境,也可以本地开发后上传文件进行在线编译,最后封装成一个客户端。

 

0
0
分享到:
评论
3 楼 sylar029 2012-08-29  
谢谢,楼主回答!
2 楼 rexsee 2012-06-12  
sylar029 写道
你好!问你个问题,如果是c/s结构的? 你的后台服务器用什么? webservice? 如果是 怎么解决跨域问题?

我这边用的是PHP。。Rexsee侧重客户端,主要用来做UI和客户端硬件软件功能的调用,对服务器没有特殊要求。扩展的rexseeAjxa支持跨域访问。
1 楼 sylar029 2012-06-09  
你好!问你个问题,如果是c/s结构的? 你的后台服务器用什么? webservice? 如果是 怎么解决跨域问题?

相关推荐

    使用Rexsee EMS开发Android手机应用:为什么及如何开始

    了解使用Rexsee EMS开发Android手机应用的好资料

    rexsee jar

    Rexsee是基于Android的HTML5开发平台,帮助开发者使用HTML5+JavaScript开发Android应用。 Rexsee的特点 编程语言使用 HTML5+CSS3+JavaScript+Rexsee扩展API。 超过2000个JavaScript扩展API,功能强大。 支持第三方...

    rexsee手机本地版开发手册

    rexsee手机本地版开发手册

    Rexsee开发手册的zip文件

    Rexsee是基于Android的HTML5开发平台,帮助开发者使用HTML5+JavaScript开发Android应用。

    Rexsee 源代码

    Rexsee是基于Android的HTML5开发平台,帮助开发者使用HTML5+JavaScript开发Android应用。 Rexsee的特点 编程语言使用 HTML5+CSS3+JavaScript+Rexsee扩展API。 超过2000个JavaScript扩展API,功能强大。 支持第三方...

    Android移动中间件Rexsee开发手册

    Android移动中间件Rexsee开发手册,利用它可以快速开发Android应用程序,只需要你掌握HTML+CSS+JavaScript,而需要掌握java和Android SDK。让你快速得进入到移动开发的大门。

    rexsee 最新软件源代码

    Rexsee是基于Android的HTML5开发平台,帮助开发者使用HTML5+JavaScript开发Android应用

    rexsee -src.zip

    Rexsee是基于Android的HTML5开发平台,帮助开发者使用HTML5+JavaScript开发Android应用。 Rexsee的特点 编程语言使用 HTML5+CSS3+JavaScript+Rexsee扩展API。 超过2000个JavaScript扩展API,功能强大。 支持第三方...

    开源Rexsee模糊原生应用与Web应用界线

    Web应用,Rexsee,开源,Web开发,JS,Android,Web技术,应用趋势,应用范围,移动终端,,开源Rexsee模糊原生应用与W,开源Rexsee模糊原生应用与Web应用界线

    Rexsee源代码

    Rexsee源代码,Rexsee系统的源代码。从他的网站上一点一点搞下来的。哈哈。。你懂的。

    android使用webwiew载入页面使用示例(Hybrid App开发)

    Hybrid App 开发模式正在被越来越多的公司和开发者所认同,相信将来会成为主流的移动应用开发模式。 Hybrid App 融合 Web App 的原理就是嵌入一个WebView组件,可以在这个组件中载入页面,相当于内嵌的浏览器,代码...

    rexsee非官方菜鸟安装文档

    rexsee目前取消了在线生成功能,只提供了简单的安装指引,但这个指引对于安卓菜鸟来说过于简单,而且其中有几处重大缺漏。本人对官方文档进行了补充说明,并介绍了自己遇到的经验教训,希望对擅长webapp开发,而又不...

    ESM企业销售管理系统(B/S+mobile) v3.0

    摘要:PHP源码,管理系统,ESM,销售管理系统 ESM企业... 中间件层包括函数库rexsee,由java开发,android操作系统、中间件、用户界面和应用软件组成。    服务器端新增功能模块:  1.客户拜访 2.公告文档 3.产品管理 4

    rexsee文档和api使用groovy爬下来分享给大家

    NULL 博文链接:https://key232323.iteye.com/blog/1779445

Global site tag (gtag.js) - Google Analytics