安裝cordova cli
1、下載安裝node.js(js的運行環(huán)境)萌京,安裝時勾選npm(js包的管理工具)雁歌。
2、下載安裝git(配置好環(huán)境變量)知残。
3靠瞎、使用npm安裝cordova。
- 在os或Linux上
$ sudo npm install -g cordova
- 在Windows上
C:\>npm install -g cordova
創(chuàng)建App
創(chuàng)建cordova項目
$ cordova create hello com.example.hello HelloWorld
創(chuàng)建出來的工程目錄如下圖所示
添加平臺
后續(xù)的命令都需要在cordova工程目錄下進行求妹,所以先進到工程根目錄
cd hello
添加目標平臺乏盐,以下命令行添加了ios和Android平臺,并保存到根目錄下的config.xml配置文件中
cordova platform add ios --save
cordova platform add android --save
添加目標平臺需要的時間可能跟網(wǎng)絡速度有關制恍,下圖是cmd添加Android平臺的截圖:
成功后父能,在cordova工程中的platforms文件夾中生成對應平臺的工程文件。
通過下面的命令查看已添加的平臺
cordova platform ls
對應平臺環(huán)境搭建
打包净神,編譯和運行app何吝,需要搭建各個平臺的開發(fā)和運行環(huán)境,如果只是開發(fā)前端項目無需各平臺環(huán)境鹃唯。這里先放上cordova官網(wǎng)上各平臺環(huán)境的要求:
打包App
創(chuàng)建cordova工程的時候岔霸,生成的www文件夾為前端工程的放置的位置,目錄基于web應用架構,如下圖所示:
index.html為混合App的入口俯渤,一些初始化要放在www/js/index.js文件中的deviceready中。前端工程開發(fā)完成后就可以打包成對應各平臺的App了型宝。
cordova build
可以打包指定的平臺
cordova build ios
更多的打包指令
Cordova build command reference documentation
當然打包的時候可能會出現(xiàn)一些問題八匠,比如:
雖然你裝了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