国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Ionic+Cordova WebApp Android打包及環(huán)境搭建

icyfire / 2643人閱讀

摘要：寫一下這兩天打包的總結(jié)，希望幫人省下一些搜索的時(shí)間。環(huán)境配置下載地址配置環(huán)境和環(huán)境配置步驟基本一樣，測(cè)試打開，輸入，返回版本號(hào)即為成功。把圖標(biāo)等文件用該命令上傳自己的項(xiàng)目到服務(wù)器，上傳完成后會(huì)有一個(gè)項(xiàng)目編號(hào)。

寫一下這兩天打包app的總結(jié)，希望幫人省下一些搜索的時(shí)間。

一.準(zhǔn)備工作：

需要安裝：
Nodejs、AndroidSDK、Apache-ant、Jdk，
Ionic、Cordova。

我這里用到的版本

Nodejs：node-v6.3.1-x86.msi
Apache-ant：apache-ant-1.9.4
JDK：jdk-8u101-windows-i586.exe

二.環(huán)境配置： 1.Jdk環(huán)境配置

1.安裝
下載地址（注意根據(jù)自己所需選擇32位&64位）
http://www.oracle.com/technet...

2.配置環(huán)境

右鍵計(jì)算機(jī)——高級(jí)系統(tǒng)設(shè)置——高級(jí)——環(huán)境變量，如圖：

選擇【新建系統(tǒng)變量】--彈出“新建系統(tǒng)變量”對(duì)話框，在“變量名”文本框輸入JAVA_HOME,在“變量值”文本框輸入JDK的安裝路徑，單擊“確定”按鈕，如圖：

在“系統(tǒng)變量”選項(xiàng)區(qū)域中查看PATH變量，如果不存在，則新建變量 PATH，否則選中該變量，單擊“編輯”按鈕，在“變量值”文本框的起始位置添加“%JAVA_HOME%bin;%JAVA_HOME%jrebin; ，單擊確定按鈕，如圖：

CLASSPATH 環(huán)境變量放在最后面，是因?yàn)橐院蟪霈F(xiàn)的莫名其妙的怪問題80%以上都可能是由于CLASSPATH設(shè)置不對(duì)引起的，所以要加倍小心才行。CLASSPATH=.;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtool.jar。要注意的是最前面的".;" 如圖：

3.至此Jdk環(huán)境配置完成

打開cmd，輸入java -version，返回java版本號(hào)即為配置成功

2.NodeJs環(huán)境配置

1.下載地址

https://nodejs.org/en/download/

2.配置環(huán)境

[新版本都不需要設(shè)計(jì)環(huán)境變量了，軟件會(huì)自動(dòng)寫入環(huán)境變量]

3.測(cè)試

打開cmd，輸入node -v，返回node版本號(hào)即為安裝成功。

3.AndroidSDK環(huán)境配置

1.下載地址

https://developer.android.com...

2.配置環(huán)境

和JAVA類似，在環(huán)境變量中找到Path選中，點(diǎn)擊下面的【編輯】， 在變量值里加入androidSDK中tools和platform-tools的目錄路徑，這里我的是D:android-sdktools;D:android-sdkplatform-tools;當(dāng)然兩個(gè)之間要加個(gè)分號(hào)“;”。

Path = D:android-sdktools;D:android-sdkplatform-tools;

3.測(cè)試

打開cmd，輸入adb，不報(bào)錯(cuò)即為成功。

4.Apache-ant環(huán)境配置

1.下載地址

http://ant.apache.org/bindown...

2.配置環(huán)境

和JAVA環(huán)境配置步驟基本一樣，

ANT_HOME D:SWEapache-ant-1.8.4
CLASSPATH ;%ANT_HOME%lib;
PATH ;%ANT_HOME%bin;

3.測(cè)試

打開cmd，輸入ant -version，返回版本號(hào)即為成功。

5.Ionic和Cordova的安裝

1.下載及安裝

打開cmd，如果之前裝過，建議先運(yùn)行一次

npm uninstall -g ionic

再執(zhí)行

npm install -g ionic cordova

2.測(cè)試

輸入ionic -v和cordova -v，分別返回ionic和cordova版本號(hào)即為安裝成功

三.打包

小Tip：新版本的ionic和cordova加入了telemetry，如果你也遇到這樣的錯(cuò)誤

You have been opted out of telemetry. To change this, run: cordova telemetry on.

可以試試下面的方法解決

Commands to resolve or disable this, using CLI

cordova/ionic telemetry on

cordova/ionic telemetry off

cordova/ionic build --no-telemetry

1.進(jìn)入你要?jiǎng)?chuàng)建項(xiàng)目的路徑：

cd E:StudyAndroidionicProject

2.創(chuàng)建一個(gè)名為myApp的還有tabs的項(xiàng)目（ionic start ） 可選模板為sidemenu 側(cè)滑、tabs 底部tab切換、blank 空白）

ionic start myApp tabs

3.myApp就為項(xiàng)目名稱,進(jìn)入myApp這個(gè)文件夾:

cd myApp

4.把項(xiàng)目復(fù)制到這個(gè)文件夾后， 添加android平臺(tái):

ionic platform add android

5.ionic會(huì)將本地的資源文件（支持png、psd和ai，尺寸越大越好）上傳到它的服務(wù)器進(jìn)行處理。
本地資源文件放到resources目錄下，如果是某個(gè)平臺(tái)多帶帶的資源，可以放到對(duì)應(yīng)平臺(tái)下，比如resources/Android/icon.png。
這樣就會(huì)把處理好的資源自動(dòng)放到該平臺(tái)下，而不是所有平臺(tái)都放。

ionic resources [--splash] [--icon]

把圖標(biāo)等文件用該命令上傳自己的項(xiàng)目到ionic服務(wù)器，上傳完成后會(huì)有一個(gè)項(xiàng)目編號(hào)。把res文件夾下的文件替換到 platforms/android/res下，把簽名文件復(fù)制到 platforms/android/ 下

6.生成androidapk:

ionic build android

即生成apk，文件保存在platforms/android/build/outputs/apk下

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/81241.html

相關(guān)文章

  • ionic4+vue+cordova開發(fā)混合應(yīng)用

    摘要：摘要是可以讓我們使用開發(fā)即使來(lái)移動(dòng)應(yīng)用的框架。如果你熟悉可以直接使用開發(fā)，但如果你熟悉使用或并且也想使用，可以使用版本，本文就以來(lái)說(shuō)明這兩者如何結(jié)合使用。除此之外還引入和來(lái)對(duì)把我們代碼打包成安卓或應(yīng)用。。 摘要 ionic是可以讓我們使用web開發(fā)即使來(lái)移動(dòng)應(yīng)用的框架。ionic4之前，ionic只能和angular搭配使用，ionic4后把ionic抽離成四個(gè)版本，@ionic/co...

    Yujiaao 評(píng)論0 收藏0

  • 使用Ionic3框架開始第一個(gè)混合開發(fā)APP

    摘要：什么是框架框架是一個(gè)混合開發(fā)框架，其本身依賴于，，。使用框架可以做什么使用可以使用前端相關(guān)技術(shù)快速開發(fā)多平臺(tái)的移動(dòng)。使用全局安裝和。輸入，這是添加一個(gè)平臺(tái)的命令。注意這個(gè)包是版本，并非正式包，正式包需要先生成簽名至此，你就開始了第一個(gè)應(yīng)用。 什么是混合開發(fā)？ 簡(jiǎn)單來(lái)說(shuō)，就是在開發(fā)移動(dòng)應(yīng)用中同時(shí)使用Native和Web的開發(fā)方式。 什么是Ionic3框架？ Ionic3框架是一個(gè)混合開發(fā)...

    wangshijun 評(píng)論0 收藏0

  • 使用Ionic3框架開始第一個(gè)混合開發(fā)APP

    摘要：什么是框架框架是一個(gè)混合開發(fā)框架，其本身依賴于，，。使用框架可以做什么使用可以使用前端相關(guān)技術(shù)快速開發(fā)多平臺(tái)的移動(dòng)。使用全局安裝和。輸入，這是添加一個(gè)平臺(tái)的命令。注意這個(gè)包是版本，并非正式包，正式包需要先生成簽名至此，你就開始了第一個(gè)應(yīng)用。 什么是混合開發(fā)？ 簡(jiǎn)單來(lái)說(shuō)，就是在開發(fā)移動(dòng)應(yīng)用中同時(shí)使用Native和Web的開發(fā)方式。 什么是Ionic3框架？ Ionic3框架是一個(gè)混合開發(fā)...

    Mr_houzi 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<