Rexsee开发环境简单配置，附hello world

348131342 · 发表于 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

j8900610 · 发表于 2012-3-21 22:46:25

看到有人用Jquery-mobile和Rexsee做的移动物流系统，感觉还不错。。不过，Rexsee不是说支持原生UI控件么？为啥还得用jquery？

j8900610 · 发表于 2012-3-21 14:51:44

rexsee是个好东西，可惜相关内容组织的太烂，论坛里的回复也太慢。加了个新建的群，里面有好多人都用rexsee做了不错的东西出来，可以交流探讨一下：92919593

		自动登录	找回密码
密码			注册

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