一起来玩WebApp第1篇---配置开发环境(上)

在这里，我们将利用tomcat作为服务器。请感兴趣的朋友和我一起动手来一步一步实现吧。

我最终的目标是实现一个在IOS和Android环境下都能够访问的Web App，至于什么是Web App，请大家参考另外一篇文章，最终我会将它发布在互联网上，并在Ipad和一款Android平板上验证，并贴图出来。

如果大家在实现过程中遇到问题，也请在评论中留言，我会在晚上尽快回复，白天公司网络有限制，见谅。

首先交代我的电脑系统：win7,64bit，8G内存。呵呵。

其实做这块的开发，用不了那么大得内存啦，我的其他一些web3d的处理模型以及做渲染的程序才会比较耗内存。

1.下载Tomcat。地址：http://tomcat.apache.org/

只需要下载压缩版的即可，不用下载安装版的。在其他地方也可以下得到，百度一下就好。

我用的是apache-tomcat-7.0.22。

2.解压，任意盘符下均可；我存放在I盘下面；

3.配置环境变量

因为我们用的是解压版的tomcat，我们必须设置环境变量来告诉系统，我们从哪里获取相关的资源来使用web服务。启动tomcat需要两个环境变量：

JAVA_HOME(就是J2EE JDK的目录)

CATALINA_HOME(刚才解压缩的目录)

如何设置环境变量，我就不必交代了，在此省略100字左右吧，以便尽快进入正题。

4.启动tomcat服务:

有两种方式：A：直接在tomcat解压的目录下，找到bin文件夹里面的startup.bat直接双击运行即可；



B：通过cmd命令，找到这个文件运行（其实是一样的）

最终效果如下：



关闭tomcat服务器命令为:shutdown.bat。请自行尝试；

服务启动以后，可以输入http://localhost:8080来看看是否正常：

如果看到如下页面，那么tomcat就配置好了，Congratulation！



5.非常重要一步！

先从这个网站上下载Sencha Touch的SDK：http://extjs.org.cn/

这里我们用的是Sencha Touch1.1；

也是一个压缩包，解压后的一个文件夹，放在tomcat根目录的webapps子文件夹下。

如图：



在自己的浏览器中输入以下地址：
http://localhost:8080/sencha-touch-1.1.0/index.html
如果能够看到以下图片，那么我们本篇的任务就结束了，在此恭喜！

请参考下一篇文章，将会接着讲如何配置Eclipse开发环境。

注：Eclipse翻译过来是日食的意思，Java是哪家公司的产品？呵呵。

最终创建我们的WebApp并发布在互联网上。

谢谢支持！