LoginSignup
22
16

More than 3 years have passed since last update.

Firebase Cloud Messaging (FCM)の認証情報登録

Posted at

はじめに

Push通知で利用するFirebase Cloud Messaging (FCM)の認証情報の登録について書いていきます。

認証情報の設定概要

FCMの認証情報を登録な必要な箇所は、以下の図の3つの赤四角で囲んだところです。それぞれを順番に説明します。

20190605-firebase-message-credentials0.png

iOS用APNsの設定

iOSに対するPush通知の設定です。Apple Developerでの設定とFirebaseでの設定の2つがあります。最初にApple DeveloperでAPNs認証キーを作成し、その認証キーをFirebaseに設定します。

20190605-firebase-message-credentials2.png

Apple Developerでの設定

  • Apple Developerにログインし、「Certificates, Identifiers & Profiles」を選択します。

  • 「keys」を選択します。以下の図のような画面になるので、「+」を押します。

20190605-firebase-message-credentials-apple1.png

  • 新しいAPNs認証キーの登録画面になりますので、キーの名前とAPNsのチェックボックスにチェックを入れ、鍵を作ります。
    20190605-firebase-message-credentials-apple2.png

  • 鍵は、1回だけダウンロードできるので、APNs認証キーをファイルを保存します。
    20190605-firebase-message-credentials-apple3.png

  • APNs認証キーの「Key ID」と右上に書かれている「チームID」を記録しておきます。APNs認証キーのファイルとこの2つのIDは、Firebaseの設定で使います。

20190605-firebase-message-credentials-apple4.png

Firebaseでの設定

Apple Developerから取得したAPNs認証キーをFirebaseに登録します。手順は以下になります。図を使って説明します。

  • Firebase Consoleから、歯車ボタンを押し、プロジェクトの設定を選びます。

20190605-firebase-message-credentials-menu1.png

  • クラウドメッセージングを選択します。
    20190605-firebase-message-credentials-menu2.png

  • APNs認証キーのアップロードボタンを押します。

20190605-firebase-message-credentials-apns1.png

  • 参照ボタンでApple Developerで作成した、APNs認証キーをアップロードし、キーIDおよびチームIDを入力します。これで設定が終了です。

20190605-firebase-message-credentials-apns2.png

ブラウザ用設定

ブラウザ用のPush通知の設定です。

20190605-firebase-message-credentials3.png

上記のios用の設定と同様にクラウドメッセージングの設定画面を開きます。
この後、ウェブ設定で、鍵ペアを生成します。
この鍵を使ってブラウザ用のPushを実現します。

20190605-firebase-message-credentials-web.png

Pushメッセージ送信用設定

最後にPushメッセージ送信用の設定です。これは、Pushメッセージを送信するサーバからFirebaseへの認証情報設定です。この設定法は、「Firebase Admin SDKを使ったPush通知」で書いているので、ここでは省略します。

20190605-firebase-message-credentials1.png

参考文献

22
16
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
22
16