ionic 筆記
完成公司專案 B2B APP
待學習事項
- 了解建置環境
- 設計 todolist
- 設計推播機制
安裝ionic
- 安裝NODE
- 安裝ionic
- 安裝cordove
- 安裝ios-sim
- 安裝x-code
ionic指令
創建專案:ionic start [projectname]
下載範例:ionic start [projectname] tabs
開啟專案:ionic serve
加入平台:
ionic
platform add android
匯出APP:ionic build
測試APP:ionic run
建立 splash跟icon的方法- 在resources資料夾放icon.psd跟splash.psd
ionic resources --icon
ionic resources --splash
開啟bash_profile設定java環境
open ~/.bash_profile
- IOS測試 & Debug
- 如果要測試載具在IOS上面,必須開啟platforms/ios裡面的xcode專案,再用xocde軟體來執行才ok
- 如果要直接使用 ionic run來build在載具上有兩個步驟
- 先安裝ios-deploy
- 再來輸入語法 ionic run ios --device
- 可具有Livereload、看console.log、server log的功能
- ionic run ios --device -l -s -c
android 環境
- 下載 android studio,就會自動安裝各種環境
issue
- 避免使用到sudo,用了的話會導致以後都必須使用sudo,同時要run在虛擬機上會run不起來
- 發現這個window.cordova.plugins.Keyboard的錯誤,最後安裝該plugin看起來就好了
- android 圖片破圖問題:android 4.0以上要加上白名單網域才有辦法Load到圖片
ionic 常用JS語法
cordova
- 移除plugin:cordova plugin rm [plugin名稱]
- config.xml可以修改名字
- build 到IOS Device 流程
- 註冊IOS開發人員帳號
- 註冊要測試用的載具與UUID (可用itune尋找)
- 下載Xcode,Xcode要註冊帳號
- 用 ionic build 可以在ios資料夾找到xcode檔案,把它打開就可以
IOS 認證中心
- Certificates:認證用
- Identifiers:建立ID
- device:註冊可測試用的載具
- Provisioning Profiles:把上面三者打包成一個檔,執行後丟給xcode驗證用
推播原理
hu3hu3
- ekewwe
- ewweewewew
- REREER
- ERREER
- ERERER
android 上傳流程
- 在註冊keystore,密碼用123456,因為英文通過有問題
- 再使用zipalign要把他註冊到local的bin把服務放到上面去
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore MOPCON2015.keystore android-release-unsigned.apk MOPCON2015
keytool -genkey -v -keystore MOPCON2015.keystore -alias MOPCON2015 -keyalg RSA -keysize 2048 -validity 10000
zipalign -v 4 android-release-unsigned.apk MOPCON2015.apk
##
*