FirebaseとParseサーバーでAndroidプッシュ通知を設定教程
21 分
parse serverプッシュ通知の設定 はじめに このセクションでは、firebase cloud messagingとparse dashboardを使用してプッシュ通知を送信する方法を説明します。 これがどのように見えるかです いつでも、このチュートリアルで構築された完全なandroidプロジェクトに私たちのgithubリポジトリでアクセスできます。 kotlinの例リポジトリ https //github com/templates back4app/android parse sdk kotlin javaの例リポジトリ https //github com/templates back4app/android parse sdk java 前提条件 このチュートリアルを完了するには、次のものが必要です: android studio https //developer android com/studio/index html back4appで作成されたアプリ。 注意 新しいparseアプリのチュートリアル https //www back4app com/docs/get started/new parse app を参照して、back4appでparseアプリを作成する方法を学んでください。 back4appに接続されたandroidアプリ。 注意 parse sdkのインストールチュートリアル https //www back4app com/docs/android/parse android sdk を参照して、back4appに接続されたandroid studioプロジェクトを作成してください。 android 4 0(アイスクリームサンドイッチ)以上を実行しているデバイス(または 仮想デバイス https //developer android com/studio/run/managing avds html )。 1 firebaseプロジェクトをandroid studioプロジェクトにリンクする ダッシュボードを通じてプッシュ通知を送信するには、 firebaseウェブサイト https //firebase google com/ でプロジェクトを作成し、それをandroid studioプロジェクトにリンクする必要があります。そのためには、以下の手順に従ってください。 以下の手順に注意してください。firebaseが提案する手順と正確に同じ手順を踏むわけではありません。 「 firebaseウェブサイト https //firebase google com/ 」にアクセスし、googleアカウントでログインします。 firebaseウェブサイトの右上隅で、「 \<font color="#2166ae">コンソールに移動\</font> 」をクリックし、「 \<font color="#2166ae">プロジェクトを追加\</font> 」をクリックします。その後、プロジェクトに名前を付け、新しいプロジェクトを作成する手順に従います。 3\ 次に、作成したfirebaseプロジェクトにandroid studioプロジェクトを接続します。そのためには、以下の画像に示されているようにandroidアイコンをクリックします。 4\ 次の画像に示されているように、android studioプロジェクトのパッケージ名を通知するように求められます。 5\ android studioプロジェクトのパッケージ名を見つけるには、firebaseページを開いたままにして、android studioのプロジェクトに移動し、 \<font color="#2166ae">app\</font> > \<font color="#2166ae">manifest\</font> > \<font color="#2166ae">androidmanifest xml\</font> マニフェストファイル内で、プロジェクトのパッケージ名を見つけることができます。以下の画像を参照してください。 6\ firebaseページの必要なボックスにパッケージ名をコピーします。他のフィールドも記入できますが、それは任意です。その後、「 \<font color="#2166ae">アプリを登録\</font> 」ボタンをクリックします。 7\ 今、あなたは \<font color="#2166ae">google services json\</font> ファイルをダウンロードし、それをあなたのandroid studioプロジェクトモジュールのルートディレクトリに移動する必要があります。 1 classpath 'com google gms\ google services\ latest version here' 9\ その後、 \<font color="#2166ae">build gradle (module\ app)\</font> ファイルに移動し、ファイルの上部に以下のコードを追加します。 1 apply plugin 'com google gms google services' 10\ build gradle (module\ app)ファイルを続けて、これらのコード行を追加します。 1 // firebase sdkの最新バージョンに変更するのを忘れないでください 2 implementation 'com google firebase\ firebase core\ latest version here' 3 implementation 'com google firebase\ firebase messaging\ latest version here' firebase sdkの最新バージョンにこれらの行を変更するのを忘れないでください。 2 firebaseプロジェクトをback4appにリンクする firebaseプロジェクトをback4appにリンクし、ダッシュボードを通じてプッシュ通知を簡単に送信するには、次の手順に従ってください 次に進む back4appのウェブサイト https //www back4app com/ , ログインし、アプリを見つけて \<font color="#2166ae">サーバー設定\</font> をクリックします。 「androidプッシュ通知」ブロックを見つけて、 \<font color="#2166ae">設定\</font> > \<font color="#2166ae">編集\</font> をクリックします。「androidプッシュ通知」ブロックは次のようになります 3\ 訪問した back4app androidプッシュ通知 ページを開いたままにして、 firebaseのウェブサイト https //firebase google com/ に移動します。 4\ 設定アイコンをクリックし、次に \<font color="#2166ae">プロジェクト設定\</font> ボタンをクリックします。以下のように表示されます。 5\ 「 \<font color="#2166ae">cloud messaging\</font> をクリックし、次に サービスアカウントの管理 をクリックします。 6\ 「 詳細を管理 をクリックします(アクションの下)。 7\ 行く keys > add key > 新しいキーを作成 8\ json形式を選択して作成します。 9\ サービスアカウントの設定を行うには、 set up push settings ボタンをクリックします。 10\ 設定を完了するには、ファイルを選択ボタンをクリックし、firebaseから取得したjsonファイルを選択してnextをクリックします。 3 マニフェストファイルの設定 android studioでプロジェクトを開き、 \<font color="#2166ae">app\</font> > \<font color="#2166ae">manifest\</font> > \<font color="#2166ae">androidmanifest xml\</font> このファイルでは、 \<font color="#2166ae">meta data\</font> タグのすぐ後に、 \<font color="#2166ae">application\</font> タグを追加してください 1 \<meta data android\ name="com parse push gcm sender id" 2 android\ value="insert your sender id" /> firebaseで取得した \<font color="#2166ae">gcm sender id\</font> をこのコード行に挿入するのを忘れないでください。 2\ \<font color="#2166ae">application\</font> タグの直前に以下のコードを使用してください androidx 1 \<service android\ name="com parse fcm parsefirebasemessagingservice" android\ exported="false"> 2 \<intent filter> 3 \<action android\ name="com google firebase messaging event"/> 4 \</intent filter> 5 \</service> 6 7 \<receiver android\ name="com parse parsepushbroadcastreceiver" android\ exported="false"> 8 \<intent filter> 9 \<action android\ name="com parse push intent receive" /> 10 \<action android\ name="com parse push intent open" /> 11 \<action android\ name="com parse push intent delete" /> 12 \</intent filter> 13 \</receiver> android 1 \<service android\ name="com parse fcm parsefirebaseinstanceidservice" android\ exported="false"> 2 \<intent filter> 3 \<action android\ name="com google firebase instance id event" /> 4 \</intent filter> 5 \</service> 6 7 \<service 8 android\ name="com parse fcm parsefirebasemessagingservice" android\ exported="false"> 9 \<intent filter> 10 \<action android\ name="com google firebase messaging event"/> 11 \</intent filter> 12 \</service> 13 14 \<receiver android\ name="com parse parsepushbroadcastreceiver" android\ exported="false"> 15 \<intent filter> 16 \<action android\ name="com parse push intent receive" /> 17 \<action android\ name="com parse push intent open" /> 18 \<action android\ name="com parse push intent delete" /> 19 \</intent filter> 20 \</receiver> 次の権限を使用して、 \<font color="#2166ae">uses permission\</font> タグの直後に配置して、アプリがインターネットにアクセスできるようにします。 1 \<uses permission android\ name="android permission wake lock" /> 2 \<uses permission android\ name="android permission vibrate" /> 3 \<uses permission android\ name="android permission receive boot completed" /> 4 \<uses permission android\ name="android permission get accounts" /> 5 \<uses permission android\ name="com google android c2dm permission receive" /> インターネットアクセスを許可するための権限を追加しました。 parse sdkのインストールチュートリアル https //www back4app com/docs/android/parse android sdk の指示に従ってください。もしそうでない場合は、parse sdkのインストールチュートリアルにアクセスして、その手順に従ってください。 4 build gradle (module app) を設定する parse fcm sdkとparse bolts sdkをandroid用にインストールします。そのためには、 \<font color="#2166ae">build gradle (module app)\</font> を開き、以下のコードを \<font color="#2166ae">dependecies{}\</font> タグに追加します。 1 // 最新のバージョンのこれらのsdkに変更することを忘れないでください 2 implementation "com github parse community parse sdk android\ fcm\ latest version here" 3 implementation 'com parse bolts\ bolts android\ latest version here' これらの行を最新のバージョンのsdkに変更することを忘れないでください。 androidxを使用していない場合、最新バージョンを使用することはできません。 変更履歴を確認 https //github com/parse community/parse sdk android/blob/master/changelog md 5 インストールを作成する プッシュ通知に登録されたデバイスにインストールされたすべてのparseアプリケーションには、プッシュ通知をターゲットにするために必要なすべてのデータを保存する関連するインストールオブジェクトがあります。 androidでは、installationオブジェクトは \<font color="#2166ae">parseinstallation\</font> クラスを通じて利用可能です。このクラスは、データの保存と取得のために同じapiを使用します。androidアプリから現在のinstallationオブジェクトにアクセスするには、 \<font color="#2166ae">parseinstallation getcurrentinstallation()\</font> メソッドを使用します。 最初にparseinstallationを保存すると、parseはそれをinstallationクラスに追加し、プッシュ通知のターゲットとして利用可能になります。 アプリで \<font color="#2166ae">parseinstallation\</font> を作成するには、android studioプロジェクトに移動し、parse sdkを初期化するために作成した \<font color="#2166ae">app\</font> という名前のjavaファイルの \<font color="#2166ae">oncreate\</font> メソッドで、 \<font color="#2166ae">parse initialize()\</font> 呼び出しの直後に、次のコードを使用して \<font color="#2166ae">parseinstallation\</font> を作成します。 1 parseinstallation インストール = parseinstallation getcurrentinstallation (); 2 インストール put ( "gcmsenderid" , insert your sender id ); 3 インストール saveinbackground (); firebaseで取得した \<font color="#2166ae">gcm sender id\</font> を上記のコードに挿入するのを忘れないでください。 このステップで説明されている \<font color="#2166ae">app java\</font> ファイルがない場合は、 android用のparse sdkをインストールする https //www back4app com/docs/android/parse android sdk ドキュメントにアクセスし、parse sdkを正しくインストールするために必要なすべての手順を実行したことを確認してください。parse sdkを正しくインストールしないと、parseでのfacebookログインは機能しません。 6 アプリをテストする back4appのウェブサイト https //www back4app com/ , ログインして、アプリを見つけて \<font color="#2166ae">ダッシュボード\</font> をクリックします。 > \<font color="#2166ae">プッシュ\</font> > \<font color="#2166ae">新しいプッシュを送信\</font> をクリックして、プッシュ通知のオーディエンスを作成します。 3\ メッセージを書き、androidオプションをクリックしてプレビューを確認します。 4\ プッシュ通知をすでに確認していて、送信したい場合は、 \<font color="#2166ae">プッシュを送信\</font> をクリックしてください。 他のプッシュ通知のオプションを探すには、 \<font color="#2166ae">parse dashboard\</font> を訪れてください。 そこでは、 \<font color="#2166ae">過去のプッシュ\</font> を確認したり、 \<font color="#2166ae">オーディエンス\</font> を作成したりすることも可能です。 完了しました! この段階で、back4appを通じてparse dashboardを使用してプッシュ通知を送信できます!