[TOC]

Cordova

安裝

• 安裝NodeJS

  1. 下載NodeJS https://nodejs.org/en/
  2. 解壓縮
  3. 進(jìn)入目錄

  $ cd node-linux-x64/bin
  $ ./node -v
  -> #正常輸出版本號
      v4.5.0
  -> #異常輸出
     未找到命令 或 其他
  

  4. 設(shè)置環(huán)境變量

  $ ln -s /home/xxx/cordova_soft/node-v4.5.0/bin/node /usr/local/bin/node
  $ ln -s /home/xxx/cordova_soft/node-v4.5.0/bin/npm /usr/local/bin/npm
  

• 安裝Cordova

  $ sudo npm install -g cordova
  # 國內(nèi)網(wǎng)絡(luò)連接等問題,此過程非常慢,去解半個小時bug以后再回來看看進(jìn)度吧
  $ cordova -v
  -> #正常輸出版本號
      6.3.1
  

新建

• 創(chuàng)建App

  $ cordova create [目錄名] [軟件包名] [項目名]
  ex:
  $ cordova create CordovaTest com.ri7er.test FirstCordovaApp
  -> #正常輸出
      Creating a new cordova project.
  -> #異常輸入
      沒有異常過,不清楚
  

• 添加平臺

  • 安裝配置JDK和AndroidSDK環(huán)境,略

  • 開始添加平臺

  $ cd CordovaTest
  $ cordova platform add android --save
  -> #次過程會非常慢(5mins+),小光標(biāo)順時針轉(zhuǎn)動表示正在創(chuàng)建,耐心等待
  -> #正常輸入
      打印創(chuàng)建的Android項目的信息
      Creating Cordova project for the Android platform:
          Path: platforms/android
          Package: com.ri7er.test
          Name: FirstCordovaApp
          Activity: MainActivity
          Android target: android-23
      Android project created with cordova-android@5.2.2
      Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project
      Fetching plugin "cordova-plugin-whitelist@1" via npm
      Installing "cordova-plugin-whitelist" for android
  -> #異常輸入
      Error: Failed to fetch platform android@~5.2.0
      Probably this is either a connection problem, or platform spec is incorrect.
      1.保持網(wǎng)路通常
      2.刪除主目錄下的Cordova的cache目錄
         rm -rf .cordova/
  $ cordova platform ls
  -> 正常輸出
      Installed platforms:
        android 5.2.2
      Available platforms:
        amazon-fireos ~3.6.3 (deprecated)
        blackberry10 ~3.8.0
        browser ~4.1.0
        firefoxos ~3.6.3
        ubuntu ~4.3.4
        webos ~3.7.0
  

調(diào)試運行

• 構(gòu)建運行App

• Cordova構(gòu)建運行(沒試過,不知道好用不)

  • 構(gòu)建App

  $ cordova build android
  

  • 運行App

  $ cordova emulate android
  $ cordova run android
  

• 導(dǎo)入項目到Android Studio(不推薦Android開發(fā)使用Eclipse,太難用)

  • 先去改Project gradle的版本號為你當(dāng)前工作配置的版本號,不然又要去下載對應(yīng)版本的gradle,神費事!

      ../CordovaTest/platforms/android/build.gradle
          -->
      classpath 'com.android.tools.build:gradle:2.2.0'
      # 改為你現(xiàn)在使用的版本號
  

  • 再去改CordovaLib的gradle版本,理由同上

      ../../CordovaTest/platforms/android/CordovaLib/build.gradle
          -->
      classpath 'com.android.tools.build:gradle:2.2.0'
  

  • AndroidStudio -> Open an existing Android Studio project
    -> 選擇 ../../CordovaTest/platforms/android/build.gradle -> OK

  • 接下來按照普通App的開發(fā)方法 , 運行就可以了

• 目錄結(jié)構(gòu)

  └──Cordova                          //Cordova庫,Java端的代碼都在這,對實現(xiàn)方式感興趣的同學(xué)可以看看
  └──android
    └──java
    │ └──com.ri7er.test           //Android入口Activity目錄
    │ └──org.apache.cordova.whitelist //默認(rèn)whitelist插件Java實現(xiàn)目錄
    │ └──其他                           //其他插件Java實現(xiàn)目錄
    └──assets
    │ └──www                           //主Html、JS實現(xiàn)目錄(主要代碼在這里完成)
    └──res
      └──xml
        └──config.xml                 //配置目錄,包括包名,App名,描述,插件配置等