Mac OS下安装cordova开发编译环境

PhoneGap/cordova为代表的基于HTML5开发iOS/Android应用的技术,大大降低了手机App的开发门槛。虽然目前与原生的Object-C/Java开发的应用在性能上还有差距,但是对于一些网站客户端类的APP来说已经足够实用了。另外随着技术的进步,未来HTML5也许成为开发app的主流技术。

将html5打包成ios app,既可以选择appcan, build.phonegap.com这类的在线编译工具,也可以自己配置本地的xcode开发环境。虽然配置本地环境比较繁琐,但是灵活性更大,不会受制于人(很多在线打包网站,免费的服务有很多限制)。简单整理一下配置一个ios项目的步骤。

※很多人使用黑苹果作为ios的开发环境,不过不建议这样做。将时间耗费在研究黑苹果上没什么意义。*

安装过程

  1. 在App Store安装xcode,最新版位6.0

  2. 安装node.js环境

    官网:http://nodejs.org/

    点击【install】,会下载mac的安装包。正常安装即可

  3. 使用命令行安装cordova

    官网:http://cordova.apache.org

    命令行帮助:http://cordova.apache.org/docs/en/4.0.0//guide_cli_index.md.html#The%20Command-Line%20Interface

    主要命令: sudo npm install -g cordova

  4. 创建新项目

    命令行:cordova create hello com.mydomain.hello HelloWorld

    第一个参数是文件目录,第二个参数是app id, 第三个参数是显示的title

  5. 为项目安装平台模块,这里只增加ios

    cd hello
    cordova platform add ios
    
  6. 安装需要的扩展插件,例如,安装应用内支付模块

    文档:https://github.com/j3k0/cordova-plugin-purchase/wiki/Setup

    命令:

    cordova plugin add https://github.com/j3k0/cordova-plugin-purchase.git
    
  7. 双击HelloWorld.xcodeproj,打开xcode的开发环境

    xcodeproj工程项目的文件位置:hello/platform/ios/

Share Comments
comments powered by Disqus