ionic的環(huán)境搭建配置 打包正式android apk

ionic搭建首先主意幾點:(轉載了云鵬大神的可以看看:http://m.itdecent.cn/p/b9757a5bcb07,補充了一點點)

一:安裝Node.js

二:安裝cordova和ionic

三:配置Java和Android環(huán)境變量

四:sdk下載

五:開始項目吧

一:下載安裝node.js:

前往 Node.js 官網(wǎng)下載 Node.js 安裝包直接安裝,建議下載 LTS 版本,筆者安裝的是 v4.4.5 LTS

安裝的過程中默認勾選的“Add to PATH”選項不要取消


安裝完成后打開終端,輸入“node -v”命令,能正?,F(xiàn)實版本號說明安裝成功


安裝 cnpm (可選)

npm 是 Node.js 的包管理器,由于我大天朝網(wǎng)絡環(huán)境的原因,在使用 npm 的時候經(jīng)常無法安裝包或者下載很慢

于是我們需要一個 npm 的中國鏡像,cnpm 是淘寶的 npm 鏡像,10分鐘同步一次

以管理員身份打開終端,輸入“npm i cnpm -g”命令,等待安裝完成


安裝完成后,輸入“cnpm -v”命令,能正常顯示版本號說明安裝成功


二,三,四:前輩都給我們說了:

補充:

1:假如你是一位Android開發(fā)工程師,并且電腦配置了Androidstudio? 那么sdk那部分就不用擔心了,就配置環(huán)境變量就行了!

2:開始項目 ionic start demo01? ,進去后他會讓你選擇tabs...這幾個類型 隨便選一個,切記下載后或請求你綁定email。這是時候一定要去ionic注冊(應為后期打包Android項目的platform,沒有郵箱是下載不成功的)。


說明:去用上下鍵選擇可好了,先選擇tabs實驗!enter進去(翻墻是肯定的了:可以試試老刀host)

等待過程:


3:在這之前或讓選擇y/n,沒啥影響,cd 到項目下,切記現(xiàn)在的ionic和cordova 版本高使用新命令:ionic cordova platform add android ,途中讓你綁定郵箱你就去注冊吧? ionic官網(wǎng)!之后就行了!主要是出現(xiàn)platforms


4.build

ionic cordova build Android 這個時候要配置gradle,在path中找到D:\AndroidStudio\Android Studio\gradle\gradle-3.2\bin,保存即可。


5.build后生成的platforms目錄,點擊可以查看有Android文件夾,打開out,看到debug-android,如果你想鏈接手機跑起來看看debug版本的,請執(zhí)行命令:adb devices,查看是不是有Android設備鏈接點電腦(用數(shù)據(jù)線連接手機電腦,打開開發(fā)者,點擊開發(fā)者,調(diào)試模式),如圖:

6:好了,現(xiàn)在執(zhí)行命令:ionic run android;等待手機運行起來!(現(xiàn)在自己親測Android4.2可以但是高版本的6.0的跑不起來,所以研究了如何打包發(fā)布)。

7:打包發(fā)布;兩種方法,第一就是用命令,第二如果你作為一個Android開發(fā)者,恭喜你簡單多了!

1):這里再多說兩句:ionic build andriod 命令打包的apk是包含簽名的,如果需要生成一個不包含簽名的apk,可以使用命令:ionic build android -release。此時需要另外簽名,這里附上apk簽名的命令:

//生成簽名文件

keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000

備注:期間會彈出讓你設置密碼,各種密碼,記住就行了!

//jarsigner簽名

jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore HelloWorld-release-unsigned.apk alias_name

備注:my-release-key.keystore,換成自己的簽名命名文件,HelloWorld-release-unsigned.apk換成自己的out文件生成的android-release-unsigned.apk;

然后你就可以在命令中看到生成的 android-release.apk文件了,(但是親測一直出不來不知道為啥,那么第二種閃亮登場)

2):打開androidstudio,導入項目切記導入ionic項目下的platform文件下的android文件,



之后如圖:


這下你就知道了吧;運行直接點擊三角,打包簽名就不在贅述了!build里邊開始整吧!

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 環(huán)境搭建步驟 1、安裝ionic開發(fā)環(huán)境 1.1、安裝nodejs,這是為了使用npm來安裝ant,cordova...
    lzb30閱讀 11,248評論 8 5
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,351評論 25 708
  • 一.準備工作:下載安裝 Node.js (npm依賴包)JDK (Java開發(fā)工具包,即Java Dev...
    謝大見閱讀 749評論 2 3
  • 在建工地 五一是完不了工了,看這進度估計國慶節(jié)也夠嗆。
    玉麒麟Mr閱讀 222評論 0 0
  • 今天下午約6點左右,我買得一桶水提上球場,發(fā)現(xiàn)覆蓋著天空的漆黑云幕緩緩移過來,我拿出手機拍了一張照。 給梓辰和糖糖...
    知了唯知愛閱讀 381評論 0 1

友情鏈接更多精彩內(nèi)容