phoneGap創建android應用

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 add org.apche.cordova.device //添加設備插件,可以到官網上查找,http://docs.phonegap.com/en/3.5.0/guide_cli_index.md.html#The%20Command-Line%20Interface
    有些是實在記不住的插件:
    $ 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開發介紹:地址
                           
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章