`
rexsee
  • 浏览: 20679 次
  • 性别: 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开发手册的zip文件

    Rexsee是一款强大的开发工具,专门针对Android平台,旨在利用HTML5和JavaScript技术来构建原生的Android应用程序。这个开发手册的zip文件包含了开发者在学习和使用Rexsee时所需要的重要资源。 首先,我们来看看...

    rexsee手机本地版开发手册

    rexsee手机本地版开发手册

    rexsee 最新软件源代码

    【 Rexsee:开启Android应用开发的新篇章】 Rexsee,作为一个独特的开发平台,它将HTML5和JavaScript的力量引入了Android世界,为开发者提供了一种高效、便捷的方式来构建原生的Android应用程序。这款软件的最新源...

    Rexsee源代码

    1. **Rexsee介绍**:Rexsee是一个基于组件的快速应用开发工具,它支持多种平台,包括Android。其核心理念是提供高效的代码重用和快速开发能力,使得开发者可以更高效地创建应用程序。Rexsee源代码包含了编译器、运行...

    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非官方菜鸟安装文档

    1. **基于Android的HTML5开发平台**:Rexsee使开发者能够使用Web技术进行原生Android应用开发。 2. **HTML5+CSS3+JavaScript+Rexsee扩展API**:提供了超过2000个JavaScript扩展API,使得开发者可以调用手机的多种...

    rexsee -src.zip

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

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

    在IT行业中,尤其是在移动应用开发领域,原生应用与Web应用的界限正在逐渐模糊,这主要得益于技术的进步和开源解决方案的出现。开源Rexsee正是这样一款致力于打破这两种应用类型界限的工具,它允许开发者利用Web技术...

    基于Android系统的移动学习平台的设计与实现.pdf

    摘要:本文基于移动学习理论,设计和实现了一个基于Android系统的移动学习平台,并且已经应用于实际教学,师生反馈良好。该平台包含学习内容、学习自测、课堂交流等模块,并应用了百度公司提供的云推送技术,实现...

    Android系统下计算机英语课件的设计与开发.pdf

    在移动学习课件的开发方式上,文章介绍了三种常见方法:HTML5和CSS5的Web APP开发、基于SDK的原生应用开发以及混合开发。HTML5开发语言简洁且兼容性强,但对非专业人士而言,技术门槛较高。SDK开发方式适合专业人员...

    基于Android平台的手机通讯录管理系统.pdf

    本文档介绍了基于Android平台的手机通讯录管理系统的设计与实现。随着3G和4G网络的发展,移动终端不仅是通信工具,也是互联网入口,这促使了移动应用软件的巨大需求。Android操作系统因其开放性、创新性和低成本开发...

    移动开发简介

    移动应用开发涵盖了多种操作系统,如Android、iOS、Windows Phone等,由于平台间的差异,跨平台开发成为一大挑战。 2. 手机应用市场 目前,手机应用市场正处于快速发展阶段,各种创新应用层出不穷,从社交网络、...

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

    RexSee 是一个企业级的应用开发平台,它提供了一种可视化编程的方式,使得开发者可以通过拖拽组件来构建应用程序。而Groovy是一种动态、灵活的Java平台语言,它在语法上与Java相似,但更简洁,适合用于脚本编写和...

    android动画学习笔记及源码定义.pdf

    Tween Animation主要用于创建基于对象属性变化的动画,例如平移、缩放、旋转和透明度调整,而Frame Animation则是通过顺序播放一系列预先准备好的图像来实现动画效果,类似于帧序列动画。 Tween Animation在Android...

    半个小时移植Flash游戏到Android平台【技术文档】

    本文档主要介绍如何将Flash游戏快速移植到Android平台上,利用Rexsee提供的工具和技术,大约半小时内即可完成。首先,由于大多数Android手机缺乏物理键盘,针对键盘操作的Flash游戏在手机上难以玩转,但Rexsee提供了...

    基于HTML5 JavaScript的移动用户环境自适应.pdf

    移动用户环境自适应是移动应用程序开发中一个非常重要的问题,为了提高移动应用程序的用户体验,需要对用户环境进行判定和自适应处理。 2. 移动用户环境自适应问题的分类 移动用户环境自适应问题可以分为屏幕参数...

Global site tag (gtag.js) - Google Analytics