monacaとmbaasでプッシュ通知を体験しよう

1. Copyright © NIFTY Corporation All Rights Reserved. 1 事前準備 Monaca ニフティクラウドmobile backend https://ja.monaca.io/ http://mb.cloud.nifty.com/ ※利用登録〜ビルドできる状態まで ※利用登録 Apple Developer Program (iOS) https://developer.apple.com/jp/programs/ ※利用登録（有償） Google Developers Conosle (Android) https://console.developers.google.com/ ※利用登録

6. Copyright © NIFTY Corporation All Rights Reserved. 6 ①プッシュ通知の仕組みについて  iOS向けプッシュ通知  APNs (Apple Push Notification Service)  Android向けプッシュ通知  GCM (Google Cloud Messaging) ニフティクラウドmobile backendのプッシュ通知は各プラットフォームが提供している通知サービスを利用しています

21. Copyright © NIFTY Corporation All Rights Reserved. 21 ③プッシュ通知を利用する準備（iOS） iOS向けプッシュ通知には Apple Developer Program（有償）への登録が必要です https://developer.apple.com/jp/programs/ ※iOS向けプッシュ通知を行う際に必要なp12形式の証明書の作成にMacが必要です ※以降の手順はMonacaのビルド設定が完了している前提で進めます【Monacaで設定】http://docs.monaca.mobi/cur/ja/manual/build/ios/build_ios/ 【Xcodeから移行】http://docs.monaca.mobi/cur/ja/manual/build/ios/import_export/

28. Copyright © NIFTY Corporation All Rights Reserved. 28 ③プッシュ通知を利用する準備（iOS）新しいAppIDが作られました。「Push Notifications」が Enabledまたは Configurableになっていることを確認しましょう！ Configurableの場合は次のステップを実施すると Enabledに切り替わります。

32. Copyright © NIFTY Corporation All Rights Reserved. 32 ③プッシュ通知を利用する準備（iOS） APNs用の証明書を作ります。 CSRファイルは、アプリビルド用証明書を作成した際と同じものを使ってください。 ※無くした場合は、CSRファイルを作り直してアプリビルド用の証明書も作成し直してください ※MonacaでCSRファイルを作成済みの場合はMonacaクラウドIDEからエクスポートして利用してください

44. Copyright © NIFTY Corporation All Rights Reserved. 44 ③プッシュ通知を利用する準備（iOS）ここまでの作業でお手元に４つのファイルがあればOKです。 ※monacaからの証明書エクスポートが不要な方は３つ CSR Monacaからエクスポートしたビルド用証明書 ※Monacaからエクスポートした方のみ Appleの開発者サイトからダウンロードしたプロビジョニングプロファイル Appleの開発者サイトからダウンロードした APNs用証明書(cer)

45. Copyright © NIFTY Corporation All Rights Reserved. 45 ③プッシュ通知を利用する準備（iOS） Monacaからエクスポートしたビルド用証明書 ※Monacaからエクスポートした方のみ Monacaからエクスポートしたビルド用証明書をダブルクリックしてください。 ※Monacaからのビルド用証明書のエクスポートが不要な方はスキップしてください

47. Copyright © NIFTY Corporation All Rights Reserved. 47 ③プッシュ通知を利用する準備（iOS）キーチェーンアクセスの証明書の項目に「iPhone Developer： ******** (**********)」とそれに紐づく秘密鍵がインポートされたことを確認してください。 ※Monacaからのビルド用証明書のエクスポートが不要な方は、ご自身の証明書と秘密鍵が存在することをご確認ください

49. Copyright © NIFTY Corporation All Rights Reserved. 49 ③プッシュ通知を利用する準備（iOS）キーチェーンアクセスの証明書の項目に「iPhone Developer： ******** (**********)」と「Apple Development iOS Push Services: *******」とそれらに紐づく秘密鍵がインポートされたことを確認してください。両方の秘密鍵は同じものであることを確認してください。

52. Copyright © NIFTY Corporation All Rights Reserved. 52 ③プッシュ通知を利用する準備（iOS）ここまでの作業でお手元に５つのファイルがあればOKです。 ※monacaからの証明書エクスポートが不要な方は４つ CSR Monacaからエクスポートしたビルド用証明書 ※Monacaからエクスポートした方のみ Appleの開発者サイトからダウンロードしたプロビジョニングプロファイル Appleの開発者サイトからダウンロードした APNs用証明書(cer) キーチェーンアクセスから書き出した APNs用証明書(p12)

53. Copyright © NIFTY Corporation All Rights Reserved. 53 チェックポイント！（プッシュ通知を使う準備）  iOS  APNs用の証明書(p12)が準備できていること – デバッグビルドする場合は「APNs Development iOS」 – アドホックビルドする場合は「APNs Production iOS」  プロビジョニングプロファイルが準備できていること  Android  APIキーが生成できていること – 種別がサーバーアプリケーションのキーであること – IPが任意のIPを許可であること  Google Cloud Messaging for AndroidのAPIが、有効化されていること

61. Copyright © NIFTY Corporation All Rights Reserved. 61 ④mobile backendでプッシュ通知機能を利用する準備 APNs証明書とGCMのAPIキーをmobile backendに設定します。許可する Google Developer Consoleで取得したAPIキーを入力キーチェーンアクセスから書き出したAPNs証明書(p12)をアップロードする

71. Copyright © NIFTY Corporation All Rights Reserved. 71 ⑤Monacaで作ったアプリにプラグインを組み込む index.htmlを編集して配信端末(installation)の登録処理をできるようにします。 9〜10行目 scriptタグの内側に追記。 installationの保存に必要な deviceTokenの取得にはプラグイン内部のネイティブコードが必要です。ネイティブコードの準備が完了した devicereadyイベント発火後に取得／保存の処理を行います。

72. Copyright © NIFTY Corporation All Rights Reserved. 72 ⑤Monacaで作ったアプリにプラグインを組み込む index.htmlを編集して配信端末(installation)の登録処理をできるようにします。 devicereadyイベント発火時のリスナー関数で、 NCMBプラグインのsetDeviceToken関数を呼び出します。この関数はdeviceTokenの取得とmobile backendへの登録を行います。 ※3つの引数は次のステップで解説します

73. Copyright © NIFTY Corporation All Rights Reserved. 73 ⑤Monacaで作ったアプリにプラグインを組み込む index.htmlを編集して配信端末(installation)の登録処理をできるようにします。前ステップで仮に記載したキーやIDの部分を適切なものに書き換えます。 mobile backendのアプリケーションキーとクライアントキーを第1-2引数に、 Google Developer Consoleのプロジェクト番号を第3引数に記載します。

83. Copyright © NIFTY Corporation All Rights Reserved. 83 ⑥動作確認〜ビルド設定（for iOS）〜  mobile backendに設定したAPNs証明書が DevelopmentかProductionかを確認して、適切なビルドを行ってください  Developmentの場合はデバッグビルド  Productionの場合はアドホックビルド  ビルド用の証明書と秘密鍵の組み合わせが正しくなるよう設定してください  MonacaのiOSアプリ設定のAppIDはAPNs証明書と一致させてください  プロビジョニングプロファイルのAppIDはAPNs証明書と一致させてください iOSの方ビルドに関する設定が必要です。

87. Copyright © NIFTY Corporation All Rights Reserved. 87 ⑥動作確認〜ビルド設定（for iOS）〜 iOSの方ビルドに関する設定が必要です。必要に応じて秘密鍵をインポートしてください。 ※ビルド用証明書の秘密鍵を設定してください ※Monaca上でCSR+秘密鍵生成済みの場合は不要です ※すでに設定済みであれば改めて作業する必要はありません

88. Copyright © NIFTY Corporation All Rights Reserved. 88 ⑥動作確認〜ビルド設定（for iOS）〜 iOSの方ビルドに関する設定が必要です。ビルド用証明書を必要に応じてアップロードしてください。 ※すでに設定済みであれば改めて作業する必要はありません ※デバッグビルドの場合はデベロッパー証明書を、アドホックビルドの場合はディストリビューション証明書を設定してください

94. Copyright © NIFTY Corporation All Rights Reserved. 94 ⑥動作確認〜ビルド手順（for iOS）〜  iTunes経由  Xcode経由  http://docs.monaca.mobi/cur/ja/manual/deploy/non_market_deploy/  DeployGate経由（OTA）  https://deploygate.com/ 任意の方法で端末へ転送してください Monacaにドキュメントがあります

95. Copyright © NIFTY Corporation All Rights Reserved. 95 ⑥動作確認〜動作確認〜端末上のアプリを起動してください。 ※アプリでプッシュ通知の許可を求められた場合は許可してください ※mobile backendの管理画面上で「データストア＞installationクラス」にオブジェクトが増えていれば端末登録成功です ※端末登録が上手くいかない場合は、アプリを再起動してみてください

100. Copyright © NIFTY Corporation All Rights Reserved. 100 プラグインのその他の機能と注意点  プラグインのその他の機能  window.NCMB.monaca.setHandler(function(json){}) – プッシュ通知からアプリを起動した際にプッシュ通知に含まれるデータを受け取るためのコールバックを登録できます。  window.NCMB.monaca.setReceiptStatus(true); – 引数にtrueを設定することでプッシュ通知からアプリを起動した際に、開封登録処理を行うよう設定できます。このメソッドを呼び出さない場合は開封登録処理は行われません。  window.NCMB.monaca.getInstallationId(function(id){}); – mobile backendに端末登録をした際に自動採番されたObjectIdを取得します。  注意点  Monaca用プラグインは以下の機能を搭載しておりません – リッチプッシュ（iOS/Android） – ダイアログプッシュ（Android） – カスタムレシーバー（Android）  アプリの処理タイミングによっては端末登録に失敗することがありますが、アプリ起動のたびに端末登録を試行します

monacaとmbaasでプッシュ通知を体験しよう

Esté a ler uma amostra.

Confira estes a seguir

monacaとmbaasでプッシュ通知を体験しよう

Mais Conteúdo rRelacionado

Diapositivos para si (20)

Quem viu também gostou (18)

Semelhante a monacaとmbaasでプッシュ通知を体験しよう (20)

Mais de ニフクラ mobile backend (9)

Mais recentes (20)