前提需要安裝node.js
官方文檔：https://ionicframework.com/docs/intro/installation/
安裝腳手架
npm install -g ionic cordova
創(chuàng)建項(xiàng)目
ionic start myApp tabs
start 命令代表創(chuàng)建新app項(xiàng)目.
myApp 是新項(xiàng)目的工程及文件名
tabs是采用提供的模板類型
ionic提供了一些模板
- tabs
- sidemenu
- blank
- super
- tutorial
運(yùn)行項(xiàng)目
ionic serve
這個(gè)運(yùn)行是在瀏覽器中查看到的效果孝宗。
生成app
前提
ionic cordova run android --device
手動(dòng)下載gradle
地址：https://services.gradle.org/distributions/
解壓哥放，根據(jù)實(shí)際情況配置環(huán)境變量
PATH=C:\Program Files\gradle-x.x\bin
關(guān)閉所有cmd命令行，然后再打開
gradle -v
還是有錯(cuò)誤牧抽，在執(zhí)行cordova platform add android --save時(shí)錯(cuò)誤了，
關(guān)于cordova 的操作指令可以查看https://cordova.apache.org/docs/en/latest/guide/cli/index.html
cordova platform add android --nofetch --save
cordova requirements
嘗試使用cordova安裝android插件還是出錯(cuò)剪芥。一周了也沒有解決。網(wǎng)上查了無數(shù)資料琴许，嘗試未能解決問題税肪。暫且放一放“裉铮或許后面就解決了呢益兄。
目前遇到問題就是cordova platform add android指令過不去，無法添加android環(huán)境箭券，就無法生成android的apk安裝包净捅，ios也是一樣問題，但是不影響web訪問辩块。
使用同事的電腦嘗試蛔六，無需安裝java環(huán)境和android環(huán)境這一步是能通過的。
我們來看下ionic項(xiàng)目文件
小結(jié)
ionic框架使我們構(gòu)建手機(jī)網(wǎng)站更加便捷废亭，提供強(qiáng)大的ui組件庫古今。
cordova幫助我們把webapp轉(zhuǎn)換成真正的app，提供手機(jī)原生接口的插件滔以。
學(xué)習(xí)前提捉腥，少量的node，npm操作知識你画。少量css樣式基礎(chǔ)抵碟。核心是angular開發(fā)知識桃漾。需要后臺提供api接口。
后續(xù)
重裝系統(tǒng)后拟逮，安裝要求安裝配置了java和Android sdk撬统，Gradle不過java我裝的是32位的
然后按照Cordova官網(wǎng)的提示安裝了以下幾個(gè)包
ionic cordova build android --prod --release
成功了
這個(gè)apk拷貝到手機(jī)上無法安裝，因?yàn)闆]有簽名敦迄。網(wǎng)上查了查方法
keytool -genkey -v -keystore 密鑰名稱 -alias 別名 -keyalg RSA -keysize 2048 -validity 10000
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore 密鑰名稱 apk的名稱 別名
兩句話搞定恋追，在apk的目錄下執(zhí)行。兩條語句的密鑰名稱和別名一致罚屋。
