搭建iOS的Web开发环境

中关村村草

搭建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

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

1. server.document-root = “/Users/marshal/git/studioSite/html5demo/WebContent”
   
2. 
   
3. server.port = 80
   
4. 
   
5. mimetype.assign = (
   
6. “.html” => “text/html”,
   
7. “.txt” => “text/plain”,
   
8. “.jpg” => “image/jpeg”,
   
9. “.png” => “image/png”,
   
10. “.css” => “text/css”,
    
11. “.js” => “text/javascript”
    
12. )
    
13. 
    
14. index-file.names = ( “index.html” )

复制代码

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

然后，可执行命令：

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

复制代码

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

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

清风鸟儿

思路很好  值得学习  嘻嘻