ionic2編譯
❶ ionic修改完代碼用,需要在重新編譯一下android嗎
1、Tabs必須是預載入的,創建項目默認就是預載入,不用動。
2、訪問的頁面必須是懶載入頁面,只有是懶載入頁面訪問時才會有具體的url頁面錨點地址,刷新後頁面才會停留在當前頁面。
3、默認的三個主界面,刷新要停留在當前,需要改成懶載入方式(最簡單的方法:刪除已有預載入頁面,使用ionic g page重新創建即為懶載入頁面,別忘了刪除app.mole中聲明語句,頁面訪問時使用類名字元串。)
❷ 為什麼 ionic 在瀏覽器和安卓上編譯出的版本的布局不一樣
你應該是伺服器配置沒設置好,如果是apache,查看你是否設置了 LoadMole php5_mole "d:/phpapache/php/php5apache2.dll" #這里設置成你php對應的路徑 AddType application/x-httpd-php .php #這里設置你php要解析的文件
❸ 怎麼編譯ionic demo的例子
沒有。 ionic是一個用來開發混合手機應用的,開源的,免費的代碼庫。可以優化html、css和js的性能,構建高效的應用程序,而且還可以用於構建Sass和AngularJS的優化。ionic會是一個可以信賴的框架。
❹ ionic2框架中,使用ion-select和ion-option 是,如何做到選擇ion-option中的文字的時候進項跳轉
你的意思是讓下拉框中的一個選項成為默認的么?如果是的話,只要給select里的option加個屬性就可以了,可以設置它為默認的。例子默認選項望採納
❺ 如何搭建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 修改ts 文件後需要重新編譯嗎
make是根據依賴文件的時間戳來決定要不要重新編譯的。在:object: deplist # actions中,可以把頭文件加進deplist,這樣修改頭文件後,make就會重新編譯了。單純地修改文件,而不設置Makefile,則make程序不知道你這個文件對應哪個編譯目標,自然無法判斷要重新編譯哪個目標了。
❼ ionic2 怎麼調用自己寫的js
$scope.takePhoto=function(){ var options = { //這些參數可能要配合著使用,比如選擇了sourcetype是0,destinationtype要相應的設置 quality: 100, //相片質量0-100 destinationType: Camera.DestinationType.FILE_URI, //返回類型:DATA_UR
❽ ionic2 打包的js文件太大了 怎麼縮小啊
ionic打包apk主要分為幾個步驟: 1、安裝Java的JDK,並配置好環境變數 2、安裝AndroidSDK,並配置好環境變數;這里JDK和andriodSDK的安裝和配置都很重要,必須安裝好JDK和AndroidSDK,才可以進行下面的打包,否則是打不了包的。
❾ ionic2 打包的js文件太大了 怎麼縮小啊
下載一個格式轉換器轉換一下格式可以縮小視頻,推薦格式工廠這個軟體
