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/
原文出处:点击打开osx项目安装cordova开发编译环境链接