NIFCLOUD-mbaas / UserCommunity

ニフクラ mobile backend ユーザーコミュニティ
https://mbaas.nifcloud.com/
82 stars 18 forks source link

monaca+Angular2でのNCMBを利用する作法がわかりません #1208

Open YTani0713 opened 3 years ago

YTani0713 commented 3 years ago

monaca にてAngular2、OnsenUIでのハイブリッドアプリを構築しております。 ニフクラを利用して運営からのプッシュ通知を送る機能を搭載したいのですが チュートリアル等を調べてもAngular2のTSからNCMBを利用する正しい作法が 見つけられませんでした。 やりたいのは、 1.プッシュ通知受信時にアプリ内任意のコンポーネント画面を開きたい  NCMB.monaca.setHandlar でコールバックにコンポーネントを登録する・・・? 2.受け取る通知の絞り込み設定をするために NCMB.monaca.getInstallationId を使って  ニフクラ側に設定パラメータを贈りたい 3.2の登録状況を取得するため NCMB.monaca.getInstallationId を使いたい

javascript で関数化したものをAngularの外部JSとして読み込むような使用方法に なるのでしょうか…? よろしくご教授いただければと思います。

goofmint commented 3 years ago
  1. プッシュ通知を受信時に NCMB.monaca.setHandlar が呼ばれますので、その中で画面移動を行ってください
  2. NCMB.monaca.getInstallationId ではNCMBのプッシュ通知のobjectIdが返ってきます。それで installations を検索して、データを特定してください。後はデータストア同様に更新できます。

プッシュ通知周りはNCMBのプッシュプラグインを利用します。

https://github.com/NIFCLOUD-mbaas/monaca_push_plugin

javascript で関数化したものをAngularの外部JSとして読み込むような使用方法になるのでしょうか…?

ここは自由ではないかと思います。

YTani0713 commented 3 years ago

ご返信ありがとうございます。 可能であればサンプルコードなど具体的な実装例をいただけないでしょうか。

javascript で関数化したものをAngularの外部JSとして読み込むような使用方法になるのでしょうか…? ここは自由ではないかと思います。

この辺りの実際の方法がわかりません。

goofmint commented 3 years ago

AngularなのでnpmでNCMBをインストールした後は、Angularのやり方に沿って開発してもらえば良いかと。それはNCMBの書き方というよりもAngularの実装になりますので、Angularのコミュニティで聞いてもらう方が早いかと思います。

なお、通常配布しているNCMBライブラリはWebPack周りでエラーになる可能性があります。こちらの記事を参考に、対応版を利用してください。

AngularプロジェクトにNCMBを追加する - ニフクラ mobile backend(mBaaS)お役立ちブログ

後はプッシュ通知のイベントハンドリング周りは下記を参考にしてください。

プッシュ通知 (JavaScript) : 基本的な使い方 | ニフクラ mobile backend