`
yangzb
  • 浏览: 3502399 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

搭建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设备浏览器,通过网址访问了。

分享到:
评论

相关推荐

    搭建ios企业开发者下载app环境

    搭建iOS企业开发者下载APP环境是iOS应用开发过程中的一项重要任务,尤其对于那些希望在企业内部分发应用,而无需通过App Store审核流程的企业而言。在这个过程中,我们将涉及到多个技术环节,包括iOS的企业开发者...

    iOS移动Web开发

    - **开发环境搭建**:介绍如何安装和配置React Native开发环境。 - **基本组件**:学习React Native中的基本UI组件,如`View`, `Text`, `Image`等。 - **状态管理**:理解状态(state)的概念,学习如何管理和更新组件...

    IOS Web Server

    总之,"IOS Web Server"是一个关于在iOS设备上搭建和使用轻量级HTTP服务器的概念,GCDWebServer是其中的一个具体实现。这个工具为iOS开发者提供了在本地模拟Web服务的能力,同时也适用于Android平台的类似需求。掌握...

    iOS 9开发指南 [管蕾 编著] 2015年版(2-2)

    本书从搭建开发环境讲起,依次讲解了Objective-C语言基础,Swift语言基础,Cocoa Touch,Xcode Interface Builder界面开发,使用Xcode编写MVC程序,文本框和文本视图,按钮和标签,滑块、步进和图像,开关控件和分段...

    iOS 8开发指南(全书源码).rar

    本书从搭建开发环境讲起,依次讲解了Objective-C语言基础、Swift语言基础、CocoaTouch、XcodeInterfaceBuilder界面开发、使用Xcode编写MVC程序、文本框和文本视图、按钮和标签、滑块、步进和图像、使用开关控件和...

    ios mdm 设备管理服务器搭建

    1. 配置服务器环境:这可能涉及到安装必要的服务器软件,如Web服务器、数据库服务器和SSL证书,以保证数据传输的安全性。 2. 集成Apple的MDM服务器证书:将从Apple开发者中心获得的MDM服务器证书安装到你的服务器上...

    《iOS 10 开发指南》读书笔记模板x.pptx

    1. iOS 开发入门:iOS 系统介绍、开始 iOS 10 开发之旅、搭建开发环境、iOS 10 中的常用开发框架等。 2. 使用 Xcode 开发环境详解:基本面板介绍、Xcode 8 的基本操作、使用 Xcode 8 帮助系统等。 3. Objective-C ...

    ios系统软件开发介绍

    在搭建iOS开发环境时,开发者通常需要一台运行Mac OS X系统的计算机,因为苹果官方只支持在其操作系统上开发iOS应用。开发者可以选择购买Mac电脑,或者在PC上安装虚拟机来运行Mac OS。虽然虚拟机成本较低,但可能...

    iOS 8开发指南3~13源码

    本书从搭建开发环境讲起,依次讲解了Objective-C语言基础、Swift语言基础、CocoaTouch、XcodeInterfaceBuilder界面开发、使用Xcode编写MVC程序、文本框和文本视图、按钮和标签、滑块、步进和图像、使用开关控件和...

    Ubuntu 11.04 搭建Android开发环境

    ### Ubuntu 11.04 搭建Android开发环境 #### 一、概述 本文档将指导您如何在Ubuntu 11.04系统上搭建一个完整的Android应用开发环境。我们将利用Eclipse作为集成开发环境(IDE),并结合Android SDK及PhoneGap工具...

    iOS 8开发指南14~23源码.rar

    本书从搭建开发环境讲起,依次讲解了Objective-C语言基础、Swift语言基础、CocoaTouch、XcodeInterfaceBuilder界面开发、使用Xcode编写MVC程序、文本框和文本视图、按钮和标签、滑块、步进和图像、使用开关控件和...

    Xamarin iOS开发实战(上册)试读

    1. **Xamarin环境搭建**:首先,开发者需要安装Visual Studio或Visual Studio for Mac,这是Xamarin的集成开发环境(IDE)。章节可能会指导如何配置Xamarin.iOS的开发环境,包括安装Xcode、Mono Framework和必要的...

    在Android平台下搭建PhoneGap开发环境--用HTML5开发游戏[参考].pdf

    PhoneGap的开发环境搭建需要: 1. 安装 PhoneGap:下载并安装 PhoneGap 的开发环境。 2. 创建项目:使用 PhoneGap 创建一个新的项目。 3. 编写代码:使用 HTML、CSS 和 JS 语言编写应用程序的代码。 4. 配置项目:...

    web环境搭建

    7. **Web开发与移动技术**:虽然文档主要描述了WebLogic的环境搭建,但在实际的开发环境中,WebLogic常常用于搭建后端服务,配合前端Web开发技术(HTML、CSS、JavaScript)和移动开发技术(如Android或iOS)实现跨...

    史上最新最全IOS全套视频教程

    开发环境搭建 - **Xcode安装与配置**:Xcode是Apple官方提供的集成开发环境(IDE),适用于iOS、macOS、watchOS以及tvOS应用的开发。学习如何下载、安装Xcode,并进行基本的配置。 - **Swift语言入门**:Swift是...

    iOS 9开发指南 2015年版)(2-1)

    本书从搭建开发环境讲起,依次讲解了Objective-C语言基础,Swift语言基础,Cocoa Touch,Xcode Interface Builder界面开发,使用Xcode编写MVC程序,文本框和文本视图,按钮和标签,滑块、步进和图像,开关控件和分段...

    vm9.0中安装web-iou与web-iou的拓扑搭建

    Web-iou是指在Web界面上进行的IOU实验,IOU即IOS on UNIX,是指在Linux环境下运行的Cisco路由器模拟器,能够在Linux平台上模拟Cisco路由器的操作系统。 在VMware 9.0中安装Web-iou并搭建拓扑实验是网络工程师学习...

Global site tag (gtag.js) - Google Analytics