手把手教你在ios上开发web应用

长久以来web前端开发都是互联网世界的主流，但是在移动互联网浪潮里它们的用武之地似乎不多，是真的web技术不适合移动互联网吗？其实看看那些巨无霸应用，里面都用到了web技术，微信公众账号，手机QQ的游戏中心，网易新闻详情页，等等。。。。可以从这些应用中可以看的出来，在轻交互重内容的一些业务场景，web的先天优势还是很突出的，那么问题来了，如此多前端开发人员如何快速介入到移动端的开发中来呢？这里给大家介绍一个apache 官方提供的跨平台解决方案 apache cordova 官方地址：http://cordova.apache.org/

以ios平台的工程为例

首先你当然想要安装cordova 在命令行下执行： npm install -g cordova

我的mac在安装过程中提示没有npm 命令，所以就要先搞定npm的安装

 执行这个 brew install node，很意外，我的brew也没有，那么接下来就要搞定brew

还好这个也不难,执行这个：

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

然后再把前面的命令执行一下：

brew install node

npm install -g cordova

这样你就能开发cordova框架的应用了

ok 先创建一个应用，执行：cordova create MyApp

进入应用目录进入应用目录：cd MyApp

先试试web功能是否可以跑，执行一下：cordova platform add browser

然后 cordova run browser，这样就通过浏览器打开了这样一个页面

然后如果想要创建一个ios平台的工程，那么就执行一下：cordova platform add ios

这样就生成了一个ios工程,看看

MyApp/platforms这个目录下的文件夹有这么几项

ios目录下就是这个工程目录了（前提是我提前安装了xcode）

打开xcode导入这个ios工程，申请一个开发者账号就可以将这个程序跑起来了，这个请查看苹果官方文档吧https://developer.apple.com/

在ios上跑起来的效果是这样的：

这里的首页就是一个html，通过修改配置就可以载入自己的页面了，详情请看这里http://cordova.apache.org/docs/en/latest/config_ref/index.html

其实cordova不止支持ios一个移动平台，android，blackberry也都支持。

而这种跨平台的开发框架也不光cordova一种，最近比较火的Facebook的开源web框架React及对应的移动平台开发框架ReactNative也是一种发展趋势，看样子js的未来还是一片光明的