Right click to open menu
ionic 筆記

Menu bar

Quick Actions

Ribbon

Insert:
Error: Internet connection appears to be offline (0)

Outline

Ionic 筆記Link to heading
完成公司專案 B2B APPLink to heading
安裝IonicLink to heading
Ionic指令Link to heading
Android 環境Link to heading
IssueLink to heading
Ionic 常用JS語法Link to heading
CordovaLink to heading
IOS 認證中心Link to heading
推播原理Link to heading
Hu3hu3Link to heading
Android 上傳流程Link to heading

Document

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 流程
參考網址1、參考網址2
  • 註冊IOS開發人員帳號
  • 註冊要測試用的載具與UUID (可用itune尋找)
  • 下載Xcode,Xcode要註冊帳號
  • 用 ionic build 可以在ios資料夾找到xcode檔案,把它打開就可以
IOS 認證中心
  • Certificates:認證用
  • Identifiers:建立ID
  • device:註冊可測試用的載具
  • Provisioning Profiles:把上面三者打包成一個檔,執行後丟給xcode驗證用
推播原理
  • 在iOS應用程式中使用推播通知(Push Notification)功能
  • Parse cordova plugin
hu3hu3
  • ekewwe
  • ewweewewew
  • REREER
  • ERREER
  • ERERER
android 上傳流程
  • http://forsigner.com/2015/03/12/ionic-android-package/
  • 在註冊keystore,密碼用123456,因為英文通過有問題
  • 再使用zipalign要把他註冊到local的bin把服務放到上面去
  • https://yulun.me/2014/ionic-android-release-app-to-play-store/
  • http://ionicframework.com/docs/guide/publishing.html
  • 如果要更新的話,可參考這篇:http://learn-daily.com/change-and-update-version-code-in-ionic-framework/



  • 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

 ##
 *