新聞中心
前端開發(fā)框架ionic,以假亂真的頁面和流暢的運行速度直逼原生應(yīng)用,讓你情不自禁的愛上了她,下面來簡單介紹下ionic。

創(chuàng)新互聯(lián)專注于嘉祥網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供嘉祥營銷型網(wǎng)站建設(shè),嘉祥網(wǎng)站制作、嘉祥網(wǎng)頁設(shè)計、嘉祥網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù),打造嘉祥網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供嘉祥網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
Ionic是目前最有潛力的一款 HTML5 手機應(yīng)用開發(fā)框架。 通過 SASS 構(gòu)建應(yīng)用程序,Ionic提供了很多 UI 組件來幫助開發(fā)者開發(fā)強大的應(yīng)用。 ionic使用 JavaScript MVVM 框架和 AngularJS 來增強應(yīng)用。提供數(shù)據(jù)的雙向綁定,使用ionic成為 web 和移動開發(fā)者的共同選擇。Ionic是一個專注于用WEB開發(fā)技術(shù),基于HTML5創(chuàng)建類似于手機平臺原生應(yīng)用的一個開發(fā)框架。Ionic框架的目的是從web的角度開發(fā)手機應(yīng)用,基于cordova(原PhoneGap)的編譯平臺,可以實現(xiàn)編譯成各個平臺的應(yīng)用程序。
先決條件:
注:以下命令除有sudo說明外都是在普通用戶權(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/
在這個網(wǎng)站下載sdk
解壓放到一個目錄
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,因為官方demo是基于android6.0,時間不短,耐心等待
- 安裝32位運行庫
sudo apt-get install -y libc6-i386 lib32stdc++6 lib32gcc1 lib32ncurses5 lib32z1
- 創(chuàng)建android模擬器
在鏡像站下載安卓鏡像,放入your sdk 路徑/system-images目錄下
使用
android avd
創(chuàng)建模擬器
開始創(chuàng)建APP
1.安裝ionic/Install Ionic
sudo npm install -g cordova ionic
2.通過Ionic創(chuàng)建一個項目
ionic start myApp tabs
3.編譯項目成apk
cd myApp
ionic platform add android
ionic build android
到這里如果沒有錯誤就能生成apk了。
apk路徑
myApp/platforms/android/build/outputs/apk/android-debug.apk
4.運行項目
ionic emulate android 分享文章:Ubuntu16.04搭建ionic開發(fā)環(huán)境
文章URL:http://www.dlmjj.cn/article/cdipesj.html


咨詢
建站咨詢
