热搜词
发表于 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

全部评论0
回复
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|管理员之家 ( 苏ICP备2023053177号-2 )

GMT+8, 2024-12-27 23:00 , Processed in 0.203453 second(s), 22 queries .

Powered by Discuz! X3.5

Cpoyright © 2001-2024 Discuz! Team