1 安裝java環境,配置path,classpath,cordova build的時候需要安裝ant,同樣需要配置path 和classpath。
要開發安卓的話,需要下載。安卓的sdk。
配置安卓的path(否在在cordova paltform add android的時候會報錯)
(爲了以後備份方便和平臺的轉移,一併提供工具的下載地址。在網上找這些東西還費了好多勁)
1.1 安裝java
jdk1.7 下載地址
配置環境變量:
PATH: C:\JAVA_1\bin;
CLASS_PATH:C:\JAVA_1\lib;
1.2 安裝ant
ant最新的下載地址
配置環境變量:
PATH:C:\ant\apache-ant-1.9.4\bin
CLASS_PATH:C:\ant\apache-ant-1.9.4\lib
1.3 安裝安卓.sdk
下載地址:由於網絡的限制(你懂的),在安卓官網上市沒辦法下載的(如果實在有需要 這裏提供工具 ,讓你能夠透牆)。
配置環境變量:
ANDROID_HOME:D:\adt-bundle-windows-x86-20140321\adt-bundle-windows-x86-20140321\sdk
PATH:%ANDROID_HOME%\tools;
=========================
2 安裝nodeJs 配置path
配置:
path:D:\nodeJs\;
=========================
3 安裝git(下載一些插件的時候需要到github上copy)
=========================
4 安裝cordova CLI工具
$ npm install -g cordova
========================
5 創建自己的應用
$ cordova create hello com.example.hello HelloWord // 創建目錄
$ cd hello //進入目錄
$ cordova platform add android //添加支持的平臺
$ cordova platform add ios
$ cordova platform add amazon-fireos
$ cordova platform add blackberry10
$ cordova platform add firefoxos
$ cordova platform remove firefoxos //移除支持的平臺
$ cordova platform rm amazon-fireos
$ cordova platform rm blackberry10
$ cordova platforms ls //查看所有支持的平臺
=====經過以上的步驟,實際上生成了一個簡單的架子。home page放在 www/index.html ,已經一些deviceready後執行的js www/js/index.js(附上項目目錄的截圖)
===下一步,在不同的平臺目錄下構建應用了
$ cordova build //構建所有平臺
$ cordova build ios //構建指定平臺的應用了
=================================
5 啓動模擬器
$ cordova emulate android
=================================
6 運行測試應用(可以直接運行例子程序)
$ cordova run android
================================
7 添加插件
有些是實在記不住的插件: $ cordova plugin search bar code //通過search命令搜索關鍵字
com.phonegap.plugins.barcodescnner - Scans Barcodes
phoneGap社區有大量的插件,插件式的組件不斷的豐富phoneGap的功能。另外,開發一個插件也是十分容易的,可以再github上關注這些。
phoneGap提供的部分插件:
Battery Status: 電池
Camera:相機
Contacts:通訊錄
Device:設備信息
Device Motion(Accelerometer):加速度計
Dialogs:對話框
FileSystem:文件系統
File Transfer :文件傳輸(上傳 下載)
Geolocation:定位
Globalization:全球化
InAppBrower:內嵌瀏覽器(嵌入外部頁面的很好用)
Media:媒體(audio)
Media Capture:攝像機
Network Information(Connection):網絡
Splashscreen:過渡頁
Vibration:震動
看到這麼多的插件,有沒有好激動啊 。幾乎是只能手機的實用功能的最大子集,已經很全面了。實在滿足不了可以自己開發。
===========================
8 接下來你就可以開發你的跨平臺的app了
前端UI框架的選擇:
jquery mobile,appframework(jquery 開源,需要結合一些富應用的js庫,angularJs ember avlon backbone(underscore)和一些模板工具js)
Sencha touch (ext 需要付費使用),kendo ui
==========================
9 測試,推薦雲測平臺。
==========================
9 ios開發介紹:地址