搭建iOS的Web开发环境

阅读更多

现在，越来越多的iOS项目需要用到Web开发技术，尤其是HTML5方面的。

如果是开发标准界面的Web开发，可以使用Dashcode，我打算另写一篇文章介绍。这里的开发环境，是针对自定义界面的，从应用范围来看，也更广泛一些。

开发环境

首先是开发环境，因为比较熟悉Eclipse，使用的是Eclipse插件WTP来开发Html、Css和Javascript。我直接安装的是 SpringSource Tool Suite（是Spring定制的Eclipse版本，带wtp插件），因为后续还要使用Grails开发服务器端的动态内容。

创建和开发过程

使用SpringSource Tool Suite（STS）中的wtp，可创建静态web项目：

创建的项目截图：

部署和测试

静态的html页面，可以直接在浏览器中调试。

调试好以后，需要在iOS设备或者模拟器上测试。这需要两个条件：

• 要有wifi环境，iOS设备（模拟器）通过wifi访问页面；
• 要有http服务器，用来发布这些静态页面。

原本想使用Mac上自带的Apache http服务器，可通过系统设置调出：

这种方式配合Dashcode很好，但不可更改网站路径，配合wtp使用比较麻烦。另外，我也不想使用jetty或者tomcat，觉得测试静态内容没有必要。

决定使用轻量级的http服务器lighttpd。我是通过brew安装的，如果没有安装，可参考这里：安装和使用HomeBrew 。安装很简单，在终端输入命令：

brew install lighttpd

安装后不可直接运行，需要编写配置文件，比如这样：

server.document-root = “/Users/marshal/git/studioSite/html5demo/WebContent”

server.port = 80

mimetype.assign = (
“.html” => “text/html”,
“.txt” => “text/plain”,
“.jpg” => “image/jpeg”,
“.png” => “image/png”,
“.css” => “text/css”,
“.js” => “text/javascript”
)

index-file.names = ( “index.html” )

这里的server.document-root 指向项目html页面的根目录。

然后，可执行命令：

sudo /usr/local/sbin/lighttpd -D -f lighttpd.conf

这里要sudo，因为需要使用端口的权利。

好了，现在可以通过iOS设备浏览器，通过网址访问了。