(轉)cordova入門教程（一）

轉自  http://www.jianshu.com/p/60e98587ae89

 

安裝cordova cli

一、下載安裝node.js（js的運行環境），安裝時勾選npm（js包的管理工具）。
二、下載安裝git（配置好環境變量）。
三、使用npm安裝cordova。

• 在os或Linux上

  http://www.jianshu.com/p/60e98587ae89

• 在Windows上

  C:\>npm install -g cordova

建立App

建立cordova項目

$ cordova create hello com.example.hello HelloWorld

建立出來的工程目錄以下圖所示

cordova工程目錄

添加平臺

後續的命令都須要在cordova工程目錄下進行，因此先進到工程根目錄

cd hello

添加目標平臺，如下命令行添加了ios和Android平臺，並保存到根目錄下的config.xml配置文件中

cordova platform add ios --save
cordova platform add android --save

添加目標平臺須要的時間可能跟網絡速度有關，下圖是cmd添加Android平臺的截圖：

添加Android平臺.png

成功後，在cordova工程中的platforms文件夾中生成對應平臺的工程文件。

各平臺工程文件.png

經過下面的命令查看已添加的平臺

cordova platform ls

對應平臺環境搭建

打包，編譯和運行app，須要搭建各個平臺的開發和運行環境，若是隻是開發前端項目無需各平臺環境。這裏先放上cordova官網上各平臺環境的要求：

• Android platform requirements
• iOS platform requirements
• Windows platform requirements

打包App

建立cordova工程的時候，生成的www文件夾爲前端工程的放置的位置，目錄基於web應用架構,以下圖所示：

前端工程目錄.png

index.html爲混合App的入口，一些初始化要放在www/js/index.js文件中的deviceready中。前端工程開發完成後就能夠打包成對應各平臺的App了。

cordova build

能夠打包指定的平臺

cordova build ios

更多的打包指令
Cordova build command reference documentation
固然打包的時候可能會出現一些問題，好比：

 

雖然你裝了gradle了但cordova仍是要去再下一個，並且下個半天下不下來。咱們能夠到..\platforms\android\cordova\lib\builders文件下找到GradleBuilder.js文件將

var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'http\\://services.gradle.org/distributions/gradle-2.13-all.zip';

修改爲

var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || 'file:///C:/Users/User/Desktop/gradle-2.13-all.zip';//本身的gradle路徑

修改後再次打包，就生成apk了（其餘問題待補充...），下圖爲打包成功後cmd的提示：

 

最後到該目錄拿到apk，或者使用下面的命令行就能夠運行App了

cordova run android

做者：我是午餐連接：http://www.jianshu.com/p/60e98587ae89來源：簡書著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。