建站
咨詢
售后
建站咨詢
新聞中心
前端開(kāi)發(fā)框架ionic，以假亂真的頁(yè)面和流暢的運(yùn)行速度直逼原生應(yīng)用，讓你情不自禁的愛(ài)上了她，下面來(lái)簡(jiǎn)單介紹下ionic。
創(chuàng)新互聯(lián)專注于嘉祥網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供嘉祥營(yíng)銷(xiāo)型網(wǎng)站建設(shè)，嘉祥網(wǎng)站制作、嘉祥網(wǎng)頁(yè)設(shè)計(jì)、嘉祥網(wǎng)站官網(wǎng)定制、小程序定制開(kāi)發(fā)服務(wù)，打造嘉祥網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供嘉祥網(wǎng)站排名全網(wǎng)營(yíng)銷(xiāo)落地服務(wù)。
Ionic是目前最有潛力的一款 HTML5 手機(jī)應(yīng)用開(kāi)發(fā)框架。 通過(guò) SASS 構(gòu)建應(yīng)用程序，Ionic提供了很多 UI 組件來(lái)幫助開(kāi)發(fā)者開(kāi)發(fā)強(qiáng)大的應(yīng)用。 ionic使用 JavaScript MVVM 框架和 AngularJS 來(lái)增強(qiáng)應(yīng)用。提供數(shù)據(jù)的雙向綁定，使用ionic成為 web 和移動(dòng)開(kāi)發(fā)者的共同選擇。Ionic是一個(gè)專注于用WEB開(kāi)發(fā)技術(shù)，基于HTML5創(chuàng)建類似于手機(jī)平臺(tái)原生應(yīng)用的一個(gè)開(kāi)發(fā)框架。Ionic框架的目的是從web的角度開(kāi)發(fā)手機(jī)應(yīng)用，基于cordova（原PhoneGap）的編譯平臺(tái)，可以實(shí)現(xiàn)編譯成各個(gè)平臺(tái)的應(yīng)用程序。
先決條件：
注：以下命令除有sudo說(shuō)明外都是在普通用戶權(quán)限下執(zhí)行
- 要有nodejs環(huán)境.
sudo apt install nodejs- 做軟鏈接（ionic腳本命令中nodejs的命令是nodejs而Ubuntu安裝后命令是node）
sudo ln -s `which nodejs` /usr/bin/node- 要有Java環(huán)境
使用oneinstack一鍵PHP/Java工具安裝sun-JDK- 要有Android SDK環(huán)境
鏡像站：
http://www.androiddevtools.cn/
http://android-mirror.bugly.qq.com:8080/
http://mirrors.neusoft.edu.cn/
在這個(gè)網(wǎng)站下載sdk
解壓放到一個(gè)目錄
sudo gedit /etc/profile
加入
export ANDROID_HOME=/home/py/tools/android-sdk-linux
export PATH=$ANDROID_HOME/platform-tools:$PATH
export PATH=$ANDROID_HOME/tools:$PATH
(ANDROID_HOME改成自己的目錄)
保存退出之后，使用以下命令讓環(huán)境變量生效
source /etc/profile
然后
執(zhí)行
android
安裝api23，因?yàn)楣俜絛emo是基于android6.0，時(shí)間不短，耐心等待- 安裝32位運(yùn)行庫(kù)
sudo apt-get install -y libc6-i386 lib32stdc++6 lib32gcc1 lib32ncurses5 lib32z1- 創(chuàng)建android模擬器
在鏡像站下載安卓鏡像，放入your sdk 路徑/system-images目錄下
使用
android avd
創(chuàng)建模擬器開(kāi)始創(chuàng)建APP
1.安裝ionic/Install Ionic
sudo npm install -g cordova ionic2.通過(guò)Ionic創(chuàng)建一個(gè)項(xiàng)目
ionic start myApp tabs3.編譯項(xiàng)目成apk
cd myApp
ionic platform add android
ionic build android到這里如果沒(méi)有錯(cuò)誤就能生成apk了。
apk路徑
myApp/platforms/android/build/outputs/apk/android-debug.apk4.運(yùn)行項(xiàng)目
ionic emulate android網(wǎng)站欄目：Ubuntu16.04搭建ionic開(kāi)發(fā)環(huán)境
當(dāng)前鏈接：http://fisionsoft.com.cn/article/cdipesj.html
