導航:首頁 > 操作系統 > ionic編譯android

ionic編譯android

發布時間:2022-09-13 20:42:23

⑴ ionic修改完代碼用,需要在重新編譯一下android

1、Tabs必須是預載入的,創建項目默認就是預載入,不用動。

2、訪問的頁面必須是懶載入頁面,只有是懶載入頁面訪問時才會有具體的url頁面錨點地址,刷新後頁面才會停留在當前頁面。

3、默認的三個主界面,刷新要停留在當前,需要改成懶載入方式(最簡單的方法:刪除已有預載入頁面,使用ionic g page重新創建即為懶載入頁面,別忘了刪除app.mole中聲明語句,頁面訪問時使用類名字元串。)

⑵ ionic cordova run android時,報錯: Error: Could not find apk architecture: arm build-type: debug

1npm按裝包失敗 更換源:npm config set registry 或者使用cnpm sudo npm install -g cnpm --registry 2.ionic真機調試 ionic run android --livereload -c -s 3.ionic run ios 報錯 sudo npm install -g ios-deploy --unsafe-perm=true 4.跨域(...

⑶ 非原生App開發的基本步驟(以安卓端為例)

主要使用:

 移動端:ionic、cordova

 後端:CoreThink

一、安裝

1.安裝node.js

2.安裝git

3.安裝ionic & cordova:

命令行輸入:npminstall –g cordova ionic

註:-g表示全局安裝,也可以進入指定的目錄安裝,但這里推薦全局安裝,安裝後的目錄為C:/users/Administrator/AppData/Roaming/npm/node_moles

4.安裝java JDK

5.安裝Apache Ant

6.安裝Android SDK(從這里開始後面基本以android為例,ios類似)

7.設置環境變數:

①打開計算機->系統屬性->高級系統設置->環境變數

②在系統變數中新建ANDROID_HOME變數,變數值為sdk所在目錄,如圖

③新建CLASSPATH變數,變數值為.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

④新建JAVA_HOME變數,變數值為jdk所在目錄

⑤編輯系統變數中的path變數,不要刪原來的變數值,在原值後面添加;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;%ANDROID_HOME%\tools;%ANDROID_HOME%\build-tools;%ANDROID_HOME%\platform-tools

註:這里是添加了jdk\bin、jdk\jre\bin、sdk\tools、sdk\build-tools、sdk\platform-tools的路徑,互相以英文分號隔開

8.創建項目:

命令行cd進入任何你喜歡的目錄,ionic startAnyNameYouLikeblank,如果一切順利,就會在你指定的目錄新建一個你喜歡的名字的文件夾,並在裡面初始化一個ionic項目。

9.添加平台

進入剛才新建的項目的目錄,命令行輸入ionic platform add android

二、在項目目錄中有一個www的文件夾,裡面的文件有html,js,css等,可隨意編寫,在platform中的www文件最好不要動它。

三、測試項目

1.進入項目目錄,ionic build android編譯項目

2.測試項目的方法:

桌面瀏覽器測試法:ionic serve

模擬器測試法:這個比較煩,而且運行慢,破機子卡到爆,一直沒成功,所以略

手機瀏覽測試法: http://ionicframework.com/docs/guide/testing.html 自己看吧,略

手機測試法:連上數據線,打開開發者選項,執行ionic run android

四、編寫項目

http://ionicframework.com/docs/guide/building.html 英文太多,翻譯不出來

五、發布app,前面的准備就是為了這一步了

1.執行cordova plugin rm cordova-plugin-console,這一步是Before we deploy, we should take care to adjust plugins needed ring development that should not be in proction mode.

2.執行cordova build --release android,在platforms/android/build/outputs/apk,中會出現***-release-unsigned.apk,最前面取決於取了什麼名字

3.使用keytool打包私有密鑰:執行keytool -genkey -v -keystore my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity 10000

4.給沒有簽名的apk簽名:執行jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore HelloWorld-release-unsigned.apk alias_name

5.最後一步,執行zipalign -v 4 HelloWorld-release-unsigned.apk HelloWorld.apk

六、基本步驟到此結束,可能會出現各種報錯的情況,只能具體問題具體分析了,

參考網址:

http://ionicframework.com/docs/guide/preface.html

https://cordova.apache.org/docs/en/latest/guide/cli/index.html#link-3

http://developer.android.com/sdk/installing/adding-packages.html

https://developer.apple.com/ios/download/

⑷ 如何配置android studio環境實現ionic的編譯,運行與打包

1.配置android studio 環境;
1.1配置Java環境
下載jdk,jre(jre好像是跟jdk一起的,jdk1.8.0_101,jre1.8.0_101)
參考文檔:如何配置jdk,jre的參考文檔
配置的環境變數:PATH(jre/bin以及bin目錄),ClASSPATH(lib以及lib/tools.jar目錄),JAVA_HOME(jdk的安裝目錄)
測試配置java變數是否成功的方法是:在dos命令行輸入:java -v,以及javac
1.2配置ant環境(同樣需要配置環境變數)
下載地址:ant下載地址
配置環境變數:系統變數PATH(ant的bin目錄環境);
測試ant安裝是否成功:在dos命令行輸入ant -v 如果顯示ant版本說明安裝成功。
1.3下載Android studio(目前安裝的是2.2版本的android studio;)
下載地址:android studio 下載地址
配置環境變數:系統變數:ANDEOID_HOME(SDK 目錄),PATH(SDK的tools以及platform-tools目錄);
測試android studio是否安裝成功:dos命令行輸入android -h,輸出option相關信息表示成功!
備註:Path:配置包或者二進制文件夾的路徑;
ClassPath:配置的是類的路徑;

⑸ 如何使用ionic打包Android的apk

1、安裝Java的JDK,並配置好環境變數
2、安裝AndroidSDK,並配置好環境變數;這里JDK和andriodSDK的安裝和配置都很重要,必須安裝好JDK和AndroidSDK,才可以進行下面的打包,否則是打不了包的。
3、下載安裝nodejs,這里的nodejs主要是要來對打包所需模塊進行管理
4、使用命令:npm install -g cordova ionic來安裝cordova和ionic
5、切換到剛才nodejs的安裝根目錄下,使用命令:ionic start myApp blank創建一個項目,其中myAPP是項目的名稱,可以由自己命名,blank表示創建一個空項目
6、切換到剛才創建的項目myApp目錄下面,cd myApp
7、ionic platform add android //該命令會創建一個platform目錄,最後生成的apk是放在該目錄下的
8、ionic build android //生成apk文件,至於apk具體的存放目錄,打包成功時會有說明

⑹ 為什麼 ionic 在瀏覽器和安卓上編譯出的版本的布局不一樣

你應該是伺服器配置沒設置好,如果是apache,查看你是否設置了 LoadMole php5_mole "d:/phpapache/php/php5apache2.dll" #這里設置成你php對應的路徑 AddType application/x-httpd-php .php #這里設置你php要解析的文件

⑺ 如何使用ionic打包android的apk

ionic打包apk主要分為幾個步驟:
1、安裝Java的JDK,並配置好環境變數
2、安裝AndroidSDK,並配置好環境變數;這里JDK和andriodSDK的安裝和配置都很重要,必須安裝好JDK和AndroidSDK,才可以進行下面的打包,否則是打不了包的。
3、下載安裝nodejs,這里的nodejs主要是要來對打包所需模塊進行管理
4、使用命令:npm install -g cordava ionic來安裝cordova和ionic
5、切換到剛才nodejs的安裝根目錄下,使用命令:ionic start myApp blank創建一個項目,其中myAPP是項目的名稱,可以由自己命名,blank表示創建一個空項目
6、切換到剛才創建的項目myApp目錄下面,cd myApp
7、ionic platform add android //該命令會創建一個platform目錄,最後生成的apk是放在該目錄下的
8、ionic build android //生成apk文件,至於apk具體的存放目錄,打包成功時會有說明
經過上面幾步的操作,ionic打包apk便已完成。

⑻ 為什麼ionic運行的ionic build android會出錯

空間不夠,運行不夠。

⑼ 如何搭建Ionic環境以及打包成安卓apk

1.Ionic是什麼?Ionic的生態系統基於Angular和Cordova,前者是web應用框架,後者是構建和打包原生應用的工具。Ionic是將HTML,CSS,JS,Angular,Cordova等技術進行整合,成為一個非常強大的移動端應用開發平台。

2.如何搭建環境?
如果你現在要使用Ionic來架構應用,你應用要有以下幾個步驟。
1>安裝node.js。可以訪問[nodejs官網](http://nodejs.org)下載對應平台的安裝包。如果你已經安裝了node,請把它升級為最新版本。安裝完成後,可以在OS X的終端後者windows的命令提示符中運行下面的代碼來驗證是否安裝成功。

$ node -v1
如果出現版本號說明安裝成功。(忽略$符號,以下同理)
2>安裝Ionic和Cordova。使用一條命令就能安裝Ionic和Cordova。執行之前請確保你已經安裝了git:

$ npm install -g cordova ionic1
這條命令需要一點時間,請耐心等待。安裝完成後,運行下面的命令來確認已經安裝成功:

$ cordova -v
$ ionic -v 12
同樣,這里出現版本號說明安裝成功。注意:這里需要配置node的環境變數,如果你不清楚環境變數如何配置,網路一下啦!

3.是時候創建一個應用了。
Ionic提供了一個簡單的start命令,幾秒就可以創建一個新項目,在你想要創建項目的文件夾下運行如下代碼就可以輕松創建:

$ ionic start demo
$ cd demo12
程序可能會問你是否創建一個Ionic賬戶,暫時可以無視它。ok創建成功後,你可以在你的文件下面看到demo文件夾,進入文件夾,你可以看到一串目錄。這是Ionic的默認模板。
重點介紹以下www目錄,這里進去我們可以看到css,js,lib,image,index,template等文件或者文件夾,這里前端人士應該很熟悉啦,這里就是你這個應用所有的前端代碼,在這裡面編寫你的代碼吧!
Ionic有個很牛叉的地方,當你輸入如下代碼後,你可以在瀏覽器中預覽應用,當你在編寫代碼的時候,只需要保存,頁面就好自動刷新,而不需要你手動刷新頁面,這個angular又更進一步啦!很神奇有木有...

$ ionic serve1
執行的時候會提醒你選擇地址,多數情況下選擇localhost即可。程序會自動打開電腦中的默認瀏覽器並訪問8100埠。你也可以直接在瀏覽器中輸入localhost:8100。這里建議使用Chrome或者Safari。IOS的WebView使用的是Safari,Android使用的是Android瀏覽器(跟Chrome的相似度極高)。所以很明顯看到用這兩個瀏覽器模擬的好處,嘿嘿!

4.如何編譯並發布應用?當你已經順利完成你的應用代碼部分的時候,你現在所需要的就是將你的應用打包並且發布了。
第一步:創建一個獨一無二的圖標。圖標的設計無非有以下幾點:簡單,讓人印象深刻,不受尺寸限制,顏色不要太復雜。創建好你的圖標之後,請以png/psd/AI格式保存在resource/android/icon.png和resource/android/icon.png。然後使用如下命令,就可以生成不同尺寸的圖標:

$ ionic resources -icon1
第二步:創建啟動頁面圖片。啟動畫面的源文件至少需要2208px×2208px,創建完成後,保存為
resource/android/splash.png和resource/android/splash.png。
然後使用如下命令就可以生成不同尺寸的啟動畫面圖片:

$ ionic resources --splash1
第三步:編譯Android應用(這里以安卓應用為例)。
1>配置應用的簽名。使用如下命令來配置你的簽名(keystore):

$ keytool -genkey -v -keystore know_your_brew.keystore -alias know_your_brew -keyalg RSA -keysize 2048 -validity 100001
注意:請使用你應用的名字來替代know_your_brew.這個命令可以生成一個新文件,在本示例中為know_your_brew.keystore。
在應用的整個生命周期中將重復使用同一個keystore,請保存好它。
2>使用Cordova編譯應用。使用build命令編譯一個應用的發布版本:

$ cordova build --release android1
這個命令會生成一個新的apk文件。此時還未簽名。
3>簽名應用文件。現在我們要用之前創建的keystore文件來簽名生成的未簽名版本的應用。使用如下命令來簽名:

$ jarsigner -verbose -sigalg SHALwithRSA -digestalg SHAL -keystore know_your_brew.keystore unsigned_name.apk know_your_brew1
注意:這里請使用keystore生成文件名來替換know_your_brew示例名稱,同時用真實的應用文件名替換掉unsigned_name.apk。
這個過程需要一點時間,期間會提示輸入keystore的密碼。命令會修改apk文件並對其進行簽名。

閱讀全文

與ionic編譯android相關的資料

熱點內容
數據中心pdf 瀏覽:524
crf源碼解析 瀏覽:853
伺服器軟體開發是什麼意思 瀏覽:941
刪除彩信android 瀏覽:862
元宵節猜燈謎h5源碼 瀏覽:69
樂培生app怎麼綁定 瀏覽:762
視頻壓縮不清楚怎麼說 瀏覽:525
加好友伺服器繁忙是怎麼回事 瀏覽:381
怎麼解綁app的支付寶賬號 瀏覽:911
ip地址伺服器不可用怎麼解決方法 瀏覽:183
為什麼軟體需要伺服器 瀏覽:63
redis操作命令大全 瀏覽:597
python字元串重復索引 瀏覽:961
為什麼香信新版本連接不上伺服器 瀏覽:50
元旦程序員打羽毛球 瀏覽:614
otc焊接機器人離線編程教學 瀏覽:412
51單片機的ea引腳有何用途 瀏覽:207
centos查看用戶命令 瀏覽:840
程序員臉胖 瀏覽:744
hdfs在主目錄下創建文件夾 瀏覽:800