[Codrova] 推播功能建立專案流程


  1. 利用ionic建立專案
    1. ionic starts pushbotsDemoApp
      1. pushbotsDemoApp為檔名
    2. ionic platform add android
    3. ionic platform add ios
    4. ionic run android/ios
      1. 確認編譯無誤
    5. PackgeName在config.xml的<name>
      1. com.onicframework.pushbotsdemoapp + 亂數，這個東西要對應到Identifier的Bundle ID。

  1. 建立Identifier app id
    1. App ID Description (可以隨便命名，但建議相同，pushbotsDemoApp)
    2. Explicit App ID
      1. BundleID = PackgeName 
    3. 勾選Push Notifications (推播功能)
    4. 點開Push Notifications功能，並將mac的憑證上傳，可得憑證下載檔案，登錄鑰匙圈後，輸出個人資訊交換.p12檔。(p12勿輸入密碼)
  2. 製作Provisioning Profiles
    1. 點選iOS App Development
    2. 選擇第二步 identifier App ID 
    3. Profile Name (開發者名稱，待會要綁到Xcode)
    4. 下載檔案後登錄到Xcode
  3. 加入外掛cordova plugin add com.pushbots.push
  4. 在www/js/app.js run加入相關帳密
    1. if(PushbotsPlugin.isiOS()){ PushbotsPlugin.initializeiOS("PUSHBOTS_APP_ID"); }
    2. if(PushbotsPlugin.isAndroid()){ PushbotsPlugin.initializeAndroid("PUSHBOTS_APP_ID", "GCM_SENDER_ID"); }
  5. 在config.xml內加入或修改下列
    1. 加入<gap:plugin name="com.pushbots.push" version="1.2.1" source="plugins.cordova.io" />
    2. 修改<access origin="*.pushbots.com" />
    3. widget標籤內加入xmlns:gap = "http://phonegap.com/ns/1.0"
  6. 更改code signing的資料
    1. Provisioning Profile要與上傳的p12檔案對照
    2. 如果在Xcode有編譯錯誤請選，http://lamb-mei.com/7/ios-provisioning-profiles/
    3. provisioning=profiles要重新整理請參考，http://n11studio.blogspot.tw/2013/11/xcode-5-provisioning.html
  7. 若遇到Error 65，reinstall platform ios即可

留言

張貼留言