Rexsee开源Android开发平台

最新推荐文章于 2024-07-25 19:04:18 发布

全智能时代

最新推荐文章于 2024-07-25 19:04:18 发布

阅读量1.4k

点赞数

分类专栏：移动开发文章标签： web app android ios

原文链接：https://blog.csdn.net/rexsee_dev/article/details/7598418

版权

移动开发专栏收录该内容

11 篇文章 0 订阅

订阅专栏

Rexsee开源Android开发平台是市面上唯一一款开源的Android开发平台，基于Android的HTML5开发平台，可以帮助程序猿们使用HTML5+JavaScript来开发各种app应用，下载包里面给大家提供了Rexsee jar包、源代码、开发手册，可以帮助大家更好的学习rexsee，有需要的欢迎下载使用。

Rexsee的特点

1、编程语言使用 HTML5+CSS3+JavaScript+Rexsee扩展API。
2、超过2000个JavaScript扩展API，功能强大。
3、支持第三方JavaScript开发框架。
4、B/C/S混合架构，支持应用程序本地化，摆脱网络依赖。
5、全面支持Android原生UI布局，通过JS或XML生成原生布局。
6、全面支持Android硬件，包括GPS、传感器、相机等。

Rexsee在线生成

Rexsee开放其在线应用生成工具，提供6类应用模板，进一步降低Android应用实现难度。普通用户无需编写任何代码，也能轻松打造个性化移动应用。访问apk.rexsee.com，即可免费使用：

1、图片集应用：类似Android自带媒体库应用，完全基于原生UI布局，并支持3D效果。上传图片并填
2、写描述，制作主题图库、漫画专辑等应用。
3、电子书：文字阅读类应用。自带多种翻页效果，简单调整可以实现索引导读、自定义标签等功能。
4、网站客户端：多种类型网站的移动客户端。只需提交网站的wap地址，在线生成移动客户端。
5、Flash游戏应用：直接运行于Android系统的Flash应用。可以实现移动终端的特有交互方式，如传感器操控。
6、多媒体：包括音频、视频(本地和在线)类应用。方便制作多媒体专辑。
7、自媒体：以人、事件、兴趣点为核心的内容聚合应用。可快速整合包括搜索、社区、论坛、微博等互联网内容渠道相关内容，提供图片、多媒体等内容形态展现。
Rexsee自开源初期即基于平台实现了这类衍生框架，但考虑到固有模板对于多种应用需求的不确定性，一直未能开放。

本周上线的应用生成工具除了实现在线填写信息生成apk以外，更强化了在线调优(开发)、源码分享，以及对Rexsee扩展API的协同调用。可以基于模板所生成的应用进行在线修改，调整HTML、CSS或JS代码，实现对布局、展现、交互模式的多方面改进。通过调用Rexsee扩展API增加LBS定位，微博、SNS分享，网盘存储等自定义功能。

如何使用Rexsee?

1、搭建Eclipse + Android SDK开发环境
2、创建Android应用程序：File->New->Android Project

1) 在res/drawable-hdpi/文件夹中放入icon.png(72x72)，这是您的应用程序图标
2) 可选：在assets/文件夹中放入error.html，这是出错页面
3) 如果你准备完全使用Rexsee开发程序，不需要开发自己的原生代码，那么可以将src文件夹和res/layout文件夹删除
4) 如果你需要开发原生代码，从而结合Rexsee开发混合应用，那么不要删除任何文件夹，在下一步导入Rexsee的jar包后就可以开发您自己的原生代码

3、为应用程序添加jar包：在项目右键菜单中选择Build Path->Add External Archives

1) rexsee.jar：Rexsee开发包
2) rexsee.zxing.jar：用于条码扫描的开发包
3) baiduStat.jar：用于百度统计的开发包

4、修改values/string.xml

5、修改AndroidManifest.xml

6、开发应用程序

1)开发Rexsee HTML5+JavaSript代码，起始点位于strings.xml中指定的首页地址处，请参看Rexsee开发手册

2)开发原生代码，在原生代码中引用Rexsee中的任意对象

7、编译：在项目右键菜单中选择Android Tools->Export Signed Application Package

8、完成

作为开源的Android应用开发平台，Rexsee提供了接近2000个扩展API，不仅简化了Android原生开发，更支持Web开发者基于标准化Web开发模式，使用HTML、CSS和Javascript快速实现移动应用。Rexsee社区目前已提供了全部的扩展API说明与详细源码。

本文将细致讲述如何基于Rexsee项目中心，在线实现我们的第一个Hello World程序。

在Rexsee项目中心创建新项目

登录Rexsee社区，并进入项目中心，点击左侧头部的“创建新项目”即可开始咱们的Hello World应用创建。

应用信息填写

应用包名：程序的包名，英文字母开头，可以包含字母、数字和下划线。
版本信息：应用的版本说明，使用数字和“.”，例如1.5。
应用名称：显示在手机应用程序列表和手机桌面上的名称，支持英文或中文。
应用图标：显示在手机应用程序列表和手机桌面上的图标，72x72的png图片。

选择扩展组件

基本设置与权限选择：Rexsee提供了大量的原生功能实现，你可以结合具体应用的功能在创建时进行勾选。

分享：作为Rexsee项目中心最为重要的功能之一，社区鼓励开发者以开放的形式共享应用，更多的访问者不仅可以直接下载应用，更能从源码层面得以了解和学习。系统默认为分享状态，即其他开发者可以在项目中心查看您的应用。

开发Hello World程序

项目创建成功后即可进入到开发页面。在这里我们可以查看到应用的相关属性以及文件组成。点击“编辑”index.html页面，开始咱们的Hello World。

代码编写：在index.html页面中输入如下代码

<html>
<head>
<title>Rexsee Hello World</tiltle>
<script type=text/javascript>
//Rexsee代码从这里开始
window.onRexseeReady=function(){
  rexseeDialog.toast('系统加载完毕！');//出现后随即消失效果
}
</script> 
</head>
<body></body>
</html>

代码说明：
- Rexsee提供的是JS API，可以在html中加入<script type=text/javascript></script>标签；也可以在外部文件中添加JS代码，然后通过<script type=text/javascript src="你的外部javascript地址">引用；
- 本段代码中用到了window.onRexseeReady=function（），当系统加载完毕后将会执行{}中的JS语句；
- rexseeDialog.toast()，这行代码执行时会弹出一个随即消失的对话框；
- 更多详细的JS对象和事件说明请在Rexsee社区的“手册与源码”中获取，或者下载Rexsee开发手册：http://www.rexsee.com/CN/helpReference.php
调试：可利用Rexsee开发版进行调试，或直接生成APK运行
- 使用Rexsee开发版，在开发版的“首页地址”中输入程序链接地址，即刚刚创建的index.html页面地址，就可以看到程序效果。
- 直接生成APK，针对于这个简单的Hello World程序我们可以直接编译后安装运行

进一步尝试：让代码变得复杂一点，新增标题栏和菜单布局，代码如下

……

//Rexsee代码从这里开始

rexseeTitleBar.setStyle('visibility:hidden;');//隐藏系统的标题栏
rexseeStatusBar.setStyle('visibility:hidden;');//隐藏系统的状态栏
var normalStyle = "";
normalStyle+="border-width:0;"; //边框宽度为零
normalStyle+="color:#FFFFFF;"; //色彩为白色
normalStyle+="background-color:#ffffff+#3399ff/0;";//从白色过渡到蓝色
normalStyle+="font-size:24;"; //字体大小为24

if (!rexseeMenu.exists('head')){ //设置头部标签栏菜单
    rexseeMenu.create('head');
    rexseeMenu.addItem('head','rexsee:','label:Rexsee Hello World;'+normalStyle);
}

if (!rexseeTabBars.exists('head')){
    rexseeTabBars.create('head');
    rexseeTabBars.setStyle('head','bar-position:top;padding:0px;');
} //设置头部标签栏

if (!rexseeMenu.exists('footer')){ //设置底部按钮栏菜单

    rexseeMenu.create('footer');
    rexseeMenu.addItem('footer','rexsee:','label:上一页;');
    rexseeMenu.addItem('footer','rexsee:','label:下一页;');
    rexseeMenu.addItem('footer','rexsee:','label:退出;');

}

if (!rexseeButtonBars.exists('footer')){ //设置底部标签栏
    rexseeButtonBars.create('footer');
    rexseeButtonBars.setStyle('footer','bar-position:bottom;padding:5px;');
}

……

代码说明：
- 隐藏系统的标题栏：rexseeTitleBar.setStyle('visibility:hidden;')；
- 判断某个标题栏是否存在，标题栏创建之后在整个应用中会一直存在，所以在创建的时候需要判断，是否已经存在过此标题栏，防止重复创建：if (!rexseeMenu.exists('head')) //设置头部标签栏菜单；
- 创建一个标签栏，作为标签栏菜单：rexseeMenu.create('head')；
- 向标签栏菜单中添加标签：
  rexseeMenu.addItem('head','rexsee:','label:Rexsee Hello World;'+normalStyle)；
提交：点击下图中的提交按钮即可上传修改后的代码

应用截图：调整后的Hello World程序截图

在线编译

在代码编写完成之后，点击项目右上角的“编译”按钮。系统将在线为你编译生成apk应用程序。编译成功后，你可以获得一个apk下载地址，以及二维码图形。

直接向你的用户分发你在上面生成的Rexsee客户端即可。你的用户安装后，运行该客户端会直接跳转到你的应用首页。

到此，一个 Android应用就完成了，对你而言，就是在上线一个普通网站。

关于升级与维护

客户端升级
- 如果你需要进行业务调整，需要重新设计客户端的界面，直接修改index页面即可。
- 如果你需要更改客户端的样式，只需维护相关的样式表即可。
通常情况下，你不需要更新（重新搬移）Rexsee应用客户端。除非：
- 需要更改Rexsee程序图标或者程序相关信息等。
- 需要更改Rexsee客户端的首页地址。
- 需要增加Rexsee域白名单记录等软件许可。
- Rexsee平台提供了新功能或者修复了一些Bug。

其它开发流程说明

或者，你也可以在本地进行开发，利用Rexsee的在线编译实现应用，而非使用项目中心的在线开发服务。

你只需将上面示例中的代码编写为index.html文件，然后打包为zip格式文件。点击如下链接进入Rexsee社区的“在线编译”频道。

相关的信息与之前的介绍一致，唯一需要注意的是“高级设置”中的“预打包”处理。理论上你可以把除了后台代码之外的东西都打包到zip包里，比如一些图片，音视频文件，或者html的框架文件，css文件，js文件。但实际操作下，考虑到安全、网络速度、流量、体验，需要根据项目来安排。

结语与其它指导

至此，我们就完成了基于Rexsee的Android应用程序创建，针对于本文中所提到的Rexsee开发手册、Rexsee开发版（运行调试工具）以及全部的扩展API与源码说明均可以在Rexsee技术社区获取：http://www.rexsee.com/
针对于Hello world的程序开发，也可以直接播放如下视频详细了解：
- 在线创建Hello World程序：http://www.rexsee.com/CN/bbs/thread/2012-05-22/601.html
- 使用Rexsee开发版进行应用调试：http://www.rexsee.com/CN/bbs/thread/2012-05-23/602.html
- 熟练使用Rexsee开发手册：http://www.rexsee.com/CN/bbs/thread/2012-05-24/605.html