前言
西瓜君目前公司的App項目是采用用H5來寫,再使用Cordova來打包;之前我有完整的配置了cordova的環境,但是因為一些原因重裝了系統,現在需要重新裝環境,那就讓我們再一起學習一下cordova環境的配置吧~~
1. 安裝cordova命令
Tips:安卓平台最低要求的jdk版本是1.8
Cordova命令行工具作為npm包分發。需要先安裝Node.js,node.js默認安裝了npm命令,無需再重復安裝。
npm install -g cordova
使用上面的命令安裝cordova命令,-g標志是告訴 npm 全局安裝 cordova。否則將會安裝在當前工作目錄的 node_modules子目錄。
安裝完成后,能夠在命令行中運行cordova命令。
如果你需要安裝舊版本,可以執行下面的命令
npm install -g cordova@vx.x.x
vx.x.x是版本號
2. 創建App
進入你的項目目錄,執行命令
cordova create hello com.example.hello HelloWorld
hello是你的項目名,自己更換;執行后會創建一個名為hello的目錄,項目的主頁是www/index.html文件
3. 添加平台
現在我們需要進入到項目的根目錄
cd hello
給項目添加平台(ios/android)
cordova platform add ios --save
cordova platform add android --save
*由於我司現在只需要安卓的,所以這里我只安裝安卓的平台。
同樣,這里也可以在后面加上版本以安裝你想要的版本
查看此項目當前的平台設置情況
cordova platform ls
到這一步,下面的就需要配置環境了,本文只提供android環境的配置
4. 安裝jdk
Tips:安卓平台最低要求的jdk版本是1.8
jdk配置網上有很多文章有些,我就不贅述了,傳送門jdk環境安裝
5. 安裝Android SDK Tools
我這里是用android-sdk-windows來進行安裝與管理;附送下載鏈接;選擇SDK Tools,下載解壓到任意目錄(要記住目錄)
6. 安裝Android 版本
進入SDK的解壓目錄下,雙擊“SDK Manager.exe”打開SDK管理器,就可以下載對應的android sdk版本了(需要查詢你的項目安裝的android平台版本需要那個版本的sdk)附送查詢鏈接
7. 配置Android環境變量
- 創建ANDROID_HOME,值是你的剛剛SDK的解壓目錄,比如 E:\Android\android-sdk-windows
- 找到Path變量,然后雙擊打開Path 變量,添加%ANDROID_HOME%\platform-tools
8. 配置Gradle(一個構建工具)
*自cordova-android@4.0.0起,Cordova為Android項目使用 Gradle構建。
同樣,gradle的配置不贅述了,傳送門
Tips:配置完可能需要重啟
9. 設置模擬器
環境配置完了就可以開始跑項目了,android可以配置模擬器用來跑程序。在這里我用的是第三方的“夜神模擬器”,傳送門,安裝好就可以使用了。
10. 打包App
接下來我們重新進入我們創建的cordova項目目錄,(將你的H5項目代碼放入到www目錄下)執行命令
cordova build android
上面的命令用來打包,幸運的話你就可以在控制台看到你打包出來的app所在目錄了,找到這個目錄下的app,使用模擬器打開就可以安裝並使用了
Tips:簽名及詳細的命令解釋可以參考cordova中文官網
以上