找回密码
 注册
搜索
查看: 1577|回复: 2

[讨论] Rexsee开发环境简单配置,附hello world

[复制链接]
发表于 2012-3-21 10:41:31 | 显示全部楼层 |阅读模式
  从百度搜索“HTML5开发工具”,找到了Rexsee。之前想学Android开发,用eclipse,无奈没有Java的基础,看起程序来晕乎乎的。我就有那么点HTML的开发经验。Rexsee官网上没有详细的入门教程,连开发环境都不懂怎么配。唯一的一个入门配置的帖子“Rexsee开发入门篇之Helloworld和环境配置”看的也有点晕。

  帮忙写一篇入门的帖子谈谈自己的Rexsee开发感受吧。

  一、一些概念(自己的理解)

  1、Rexsee就像是一个浏览器(就把它看成UC浏览器、360浏览器),它除了支持HTML5语法外,还能通过内置的函数(也就是API)来实现一些智能手机上的功能,如:拨打电话、发短信、GPS定位、重力加速器………

  2、Rexsee开发版是个好东西,软件调试的时候先用它。只需要设置一个首页地址就可以开始调试,等调试通过以后再进行在线编译,生成专门的APK安装文件。在社区首页就可以下到:http://www.rexsee.com/CN/help.html

  3、真机调试比较容易,不用安装模拟器,速度也快。直接安装一个Rexsee开发版就可以了。

  二、开发环境搭建

  初学者最大的障碍就是开发环境的搭建,如果搞得太复杂就会失去信心。经过测试,开发环境的搭建只需两步,而且没有复杂的java、eclipse、虚拟机等东西。

  开发环境包括:

  硬件:ANDORID智能手机一台、笔记本电脑一台(或者配置有无线网卡的台式电脑)、一个无线路由器(或则呆在有WIFI区域就可以了)

  软件:IIS、dreamwaver(或其他html开发工具)

  1、搭建网络服务器:这个对于开发过WEB应用的人应该不难(这个也不懂的就百度一下吧),主要是进行IIS的配置,把自己的笔记本电脑变成一个WEB网站。IIS的配置主要是要选定开发项目所在的本地路径,以及添加一个index.html的默认文档,并把它放在最前面。然后随便写一个index.html文件在本地路径的根目录。

  简单的index.html(好无聊啊,总是这个helloworld)

  <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <htmlxmlns="http://www.w3.org/1999/xhtml">

  <head>

  <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

  <title>我的第一个程序</title>

  </head>

  <body>

  HelloWorld!

  </body>

  </html>

  (一个小笑话:某程序员辞职之后准备练习书法,他买来了全套最好的书法用具,在纸上写下了几个字:HelloWorld)

  配置好以后用笔记本电脑配置固定无线网卡的ip如:192.168.100.189,然后连接到无线网络,并在IE浏览器上输入无线网卡的地址测试一下。确认网站可以通过无线网卡访问。

  2、打开手机的无线网络,设置IP地址与笔记本电脑的无线网卡地址在同一网段。搜索并连接上同一个无线网络。

  OK,所有开发环境搭建完成!

  现在可以测试一下了,在手机上安装“Rexsee开发版.apk”,并将首页设置成笔记本电脑无线网卡的地址。设置完成后Rexsee开发版会重新启动,这时你在手机上就能展示笔记本电脑上的index.html的内容了。(前面说过了,Rexsee就像一个浏览器,用来浏览网站上的内容)。

  在电脑上修改一下index.html的内容,然后再重启手机上的“Rexsee开发版”吧,是不是看见展示的内容也变化了啊?

  在index.html里加入一些Rexsee特有的东西吧,加入以后只有用“Rexsee开发版”这个特殊的“浏览器”打开才会有效果哦,如果在电脑上打开index.html是没有这种效果的。

  <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <htmlxmlns="http://www.w3.org/1999/xhtml">

  <head>

  <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>

  <title>测试Rexsee特有功能</title>

  </head>

  <body>

  <p>HelloWorld!</p>

  <inputname=""type="button"onClick="alert(rexseeTelephony.getSimSerialNumber());"value="点击显示SIM卡号码"/>

  </html>

  重新启动一下“Rexsee开发版”,点击按钮后就会弹出SIM卡号信息。

  用“Rexsee开发版”调试完成后,所有程序资源打包成.zip文件,然后上传到Rexsee网站进行在线编译,就会得到一个.APK文件,这样你就可以正式发布到android手机上喽。

  好了,入门教程就写到这里,我的水平也就到此而已。大家一起继续努力吧!更多的源码和手册内容在Rexsee社区可以直接下载:http://www.rexsee.com/CN/helpReference.php
发表于 2012-3-21 22:46:25 | 显示全部楼层
看到有人用Jquery-mobile和Rexsee做的移动物流系统,感觉还不错。。不过,Rexsee不是说支持原生UI控件么?为啥还得用jquery?
点评回复

使用道具 举报

发表于 2012-3-21 14:51:44 | 显示全部楼层
rexsee是个好东西,可惜相关内容组织的太烂,论坛里的回复也太慢。加了个新建的群,里面有好多人都用rexsee做了不错的东西出来,可以交流探讨一下:92919593
点评回复

使用道具 举报

高级模式
B Color Image Link Quote Code Smilies

本版积分规则

Archiver|手机版|小黑屋|52RD我爱研发网 ( 沪ICP备2022007804号-2 )

GMT+8, 2024-12-23 17:57 , Processed in 0.046229 second(s), 16 queries , Gzip On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表