FirebaseでAndroidにプッシュ通知してみた！

たかやん（エンジニア）

2020.12.14

IT技術

Firebase

Firebaseでpush 通知を試します！

鈴木先生

（株）ライトコードの鈴木です！

「Firebase」とは、Google が提供している、モバイルアプリや Web アプリケーションの開発に利用できるプラットフォームです。

Firebase を利用することでサーバーの管理や保守が不要となり、開発に専念できるため負担が大きく軽減できます。

今回は、数あるサービスのうち「Cloud Messaging」を利用してpush 通知を試してみます！

Firebase のプロジェクトを作成する

Firebase のページから「プロジェクトを追加」をクリックし、プロジェクト名を入力してください。

プロジェクト名は、4文字以上であれば何でも問題ありません。

アプリを Firebase のプロジェクトに登録する

Firebase にプロジェクトを作成すると、プロジェクトに Android アプリを登録できるようになります。

Android のパッケージ名を入力

Firebase コンソールの Overview ページにある「Android」のアイコンをクリックし、「Android のパッケージ名」を入力します。

パッケージ名は、アプリレベルの Gradle ファイル（app/build.gradle)に記載されています。

Android のパッケージ名を入力

手順にしたがって進めていき、ダウンロードした google-service.json を android/app に置いたら、「次へ」をクリックしましょう。

Firebase SDK の追加

次に行う Firebase SDK の追加作業では、2つのファイルを変更する必要があります。

プロジェクトレベルの build.gradle を変更

最初は、プロジェクトレベルの build.gradle(android/build.gradle) に下記コードを追加します。

1buildscript {
2  repositories {
3    google()
4  }
5  dependencies {
6    // このコードを追加
7    classpath 'com.google.gms:google-services:4.3.4'
8  }
9}

アプリレベルの build.gradle を変更

2つ目は、アプリレベルの build.gradle(android/app/build.gradle) に下記のコードを追加します。

1dependencies {
2    // 下記の2行を追加
3    implementation 'com.google.firebase:firebase-messaging:20.3.0'
4    implementation 'com.google.firebase:firebase-core:17.5.0'
5}

コードの追記が終わったら、Firebase のページに戻って「次へ」をクリックしましょう。

アプリを実行して、インストール

「アプリを実行してインストールを確認」と表示されますので、指示に従ってアプリをインストールしてください。

「Firebase がアプリに正常に追加されました。」と表示されたら OK です！

通知を受け取れるように実装する

クラス名は何でも構いませんが、ここでは「MyFirebaseMessagingService」とします。

クラスを作成したら、「FirebaseMessagingService」クラスを継承してください。

1class MyFirebaseMessagingService : FirebaseMessagingService() {
2    override fun onMessageReceived(remoteMessage: RemoteMessage) {
3        super.onMessageReceived(remoteMessage)
4        showNotification(
5            remoteMessage.notification?.title,
6            remoteMessage.notification?.body
7        )
8    }
9
10    fun showNotification(title: String?, message: String?) {
11        val builder = NotificationCompat.Builder(this, "MyNotification").apply {
12            setContentTitle(title)
13            setAutoCancel(true)
14            setContentText(message)
15        }
16        NotificationManagerCompat.from(this).notify(999, builder.build())
17    }
18}

MyFirebaseMessagingService をサービス登録

そして、AndroidManifest.xml に、先ほど作成した「MyFirebaseMessagingService」をサービスとして登録します。

1        <service android:name=".MyFirebaseMessagingService">
2            <intent-filter>
3                <action android:name="com.google.firebase.INSTANCE_ID_EVENT" />
4            </intent-filter>
5        </service>