使用Ionic3建立原生app系統入門

前提須要安裝node.js
官方文檔： https://ionicframework.com/do...

安裝腳手架

npm install -g ionic cordova

建立項目

ionic start myApp tabs

start 命令表明建立新app項目.
myApp 是新項目的工程及文件名
tabs是採用提供的模板類型
ionic提供了一些模板

• tabs
• sidemenu
• blank
• super
• tutorial

運行項目

ionic serve

這個運行是在瀏覽器中查看到的效果。

生成app

前提

• 安裝java jdk 須要1.8.0及以上，可是java9也不行
• 安裝Android Studio

ionic cordova run android --device

手動下載gradle

地址：https://services.gradle.org/d...

解壓，根據實際狀況配置環境變量

PATH=C:\Program Files\gradle-x.x\bin

關閉全部cmd命令行，而後再打開

gradle -v

仍是有錯誤，在執行cordova platform add android --save時錯誤了，
關於cordova 的操做指令能夠查看 https://cordova.apache.org/do...

cordova platform add android --nofetch --save

cordova requirements

嘗試使用cordova安裝android插件仍是出錯。一週了也沒有解決。網上查了無數資料，嘗試未能解決問題。暫且放一放。或許後面就解決了呢。

目前遇到問題就是cordova platform add android指令過不去，沒法添加android環境，就沒法生成android的apk安裝包，ios也是同樣問題，可是不影響web訪問。
使用同事的電腦嘗試，無需安裝java環境和android環境這一步是能經過的。

咱們來看下ionic項目文件

小結

ionic框架使咱們構建手機網站更加便捷，提供強大的ui組件庫。
cordova幫助咱們把webapp轉換成真正的app，提供手機原生接口的插件。
學習前提，少許的node，npm操做知識。少許css樣式基礎。核心是angular開發知識。須要後臺提供api接口。

後續

重裝系統後，安裝要求安裝配置了java和Android sdk，Gradle不過java我裝的是32位的

而後按照Cordova官網的提示安裝瞭如下幾個包

ionic cordova build android --prod --release

成功了

這個apk拷貝到手機上沒法安裝，由於沒有簽名。網上查了查方法

keytool -genkey -v -keystore 密鑰名稱 -alias 別名 -keyalg RSA -keysize 2048 -validity 10000

 jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore 密鑰名稱 apk的名稱 別名

兩句話搞定，在apk的目錄下執行。兩條語句的密鑰名稱和別名一致。