Rexsee入门，环境搭建与代码调试

灰儿 · 2014-8-27 16:32:37

从百度搜索“HTML5 开发工具”，找到了Rexsee。之前想学Android开发，用eclipse，无奈没有Java的基础，看起程序来晕乎乎的。我就有那么点HTML的开发经验。Rexsee官网上没有详细的入门教程，连开发环境都不懂怎么配。唯一的一个入门配置的帖子“Rexsee开发入门篇之Hello world和环境配置”看的也有点晕。
帮忙写一篇入门的帖子谈谈自己的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)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的第一个程序</title>
</head>
<body>
Hello World!
</body>
</html>

复制代码
（一个小笑话：某程序员辞职之后准备练习书法，他买来了全套最好的书法用具，在纸上写下了几个字：Hello World ）
配置好以后用笔记本电脑配置固定无线网卡的ip如：192.168.100.189，然后连接到无线网络，并在IE浏览器上输入无线网卡的地址测试一下。确认网站可以通过无线网卡访问。

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

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

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

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试Rexsee特有功能</title>
</head>
<body>
<p>Hello World!</p>
<input name="" type="button" value="点击显示SIM卡号码" />
</html>

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

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

好了，入门教程就写到这里，我的水平也就到此而已。大家一起继续努力吧！更多的源码和手册内容在Rexsee社区可以直接下载：http://www.rexsee.com/CN/helpReference.php

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

Rexsee入门，环境搭建与代码调试

关注我们