搭建iOS的Web开发环境

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

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

开发环境

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

搭建iOS的Web开发环境

创建和开发过程

使用SpringSource Tool Suite(STS)中的wtp,可创建静态web项目:

搭建iOS的Web开发环境

创建的项目截图:

搭建iOS的Web开发环境

部署和测试

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

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

  • 要有wifi环境,iOS设备(模拟器)通过wifi访问页面;
  • 要有http服务器,用来发布这些静态页面。

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

搭建iOS的Web开发环境

这种方式配合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设备浏览器,通过网址访问了。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>