FCMでのAPNsの設定について

#はじめに
[FirebaseのCloud Messagingを使ってサイレント通知を試してみた](https://qiita.com/miyae/items/623c7869714b894a1b83)記事の補足記事です。
長くなりそうだったので別にしました。

#事前準備
まずは、[Apple Developer Member Center](https://idmsa.apple.com/IDMSWebAuth/login?appIdKey=891bd3417a7776362562d2197f89480a8547b108fd934911bcbea0110d07f757&path=%2Faccount%2F&rv=1)にアクセスし、操作できる権限のあるアカウントを用意しておいてください。


#認証キーの生成
[Apple Developer Member Center](https://idmsa.apple.com/IDMSWebAuth/login?appIdKey=891bd3417a7776362562d2197f89480a8547b108fd934911bcbea0110d07f757&path=%2Faccount%2F&rv=1)にログインしている状態で、以下の手順を実行してください。

#####1.APNs認証キーの作成
①TOP画面左の一覧の[Certificates, Identifiers and Profiles]をクリックします。
![DevTOP.png](https://qiita-image-store.s3.amazonaws.com/0/195038/f79f2d0a-ecbc-100c-51aa-6e7acd128906.png)

②[Keys] > [All]の画面を表示して、画面右上の「＋」をクリックします。
![8.png](https://qiita-image-store.s3.amazonaws.com/0/195038/c8eaf0d3-4402-8978-c7de-ff1648bf5fdd.png)

③[KeyDescription]の[Name]にキーの名称を入力し、[Key Services]の[APNs]にチェックを入れます。
![9.png](https://qiita-image-store.s3.amazonaws.com/0/195038/2802f560-798d-e550-7f45-404c199441a5.png)

④内容の確認をして、問題なければ[Confirm]をクリックします。
![10.png](https://qiita-image-store.s3.amazonaws.com/0/195038/f03784ca-3ba3-333c-7d87-d87d4b0830e5.png)

⑤キーの作成完了画面が表示されるので、[Download]をクリックして、キーのダウンロードを行います。
ダウンロードは一度しか行えないためご注意ください。
![11.png](https://qiita-image-store.s3.amazonaws.com/0/195038/eab6d29a-6d4f-6103-e50a-29909c3612f6.png)




#App IDの作成
①TOP画面左の一覧の[Certificates, Identifiers and Profiles]をクリックします。
![DevTOP.png](https://qiita-image-store.s3.amazonaws.com/0/195038/f79f2d0a-ecbc-100c-51aa-6e7acd128906.png)

②[Identifiers] > [App IDs]の画面を表示して、画面右上の「＋」をクリックします。
![13.png](https://qiita-image-store.s3.amazonaws.com/0/195038/b15378cb-8a4c-475b-3b77-0dc1294c6efc.png)

③[App ID Discription]の[Name]に適宜名称を入力し、[App ID Prefix]を選択し（デフォルトでOK）、[App ID Suffix] [Explicit App ID]の[Bundle ID]にアプリの[Bundle Identifier]の内容を入力します。
![14-1.png](https://qiita-image-store.s3.amazonaws.com/0/195038/435ca9c4-75ec-6771-033a-52d163591a3a.png)

[App Services]の[Push Notifications]にチェックを入れて、[Continue]をクリックします。
確認画面が表示されるので、問題なければ続けてください。
![14-2.png](https://qiita-image-store.s3.amazonaws.com/0/195038/9d9bf9a6-c618-a2ff-e4fd-1cabad788a2a.png)

④登録完了の画面が表示されるので、画面下の[Push Notifications]が[Configurable]であることを確認してください。
![17-1.png](https://qiita-image-store.s3.amazonaws.com/0/195038/79186789-96e0-5c06-5edf-edd458945360.png)

![17-2.png](https://qiita-image-store.s3.amazonaws.com/0/195038/6e70599b-b576-aa50-0075-673499c82a3b.png)

⑤IDの一覧画面が表示されるので、作成したIDを選択します。
![18.png](https://qiita-image-store.s3.amazonaws.com/0/195038/b3c835b5-9ce4-e05f-9e31-00c651d001f2.png)

⑥登録内容の詳細が表示されます。[Push Notifications]のステータスをConfigurableからEnabledにします。[Edit]をクリックします。
![19-1.png](https://qiita-image-store.s3.amazonaws.com/0/195038/8f3f694a-7191-1064-d580-6f155418a2cc.png)
![19-2.png](https://qiita-image-store.s3.amazonaws.com/0/195038/7c009d0a-002b-06a1-122a-b6d3324a7bc4.png)

⑦設定画面が表示されるので、[Push Notifications]の[Production SSL Certificate]の[Create Certificate…]をクリックします。
![20-1.png](https://qiita-image-store.s3.amazonaws.com/0/195038/9223804a-66df-2372-e56f-d87f51f09344.png)

![20-2.png](https://qiita-image-store.s3.amazonaws.com/0/195038/2004094b-e258-49ab-10ba-6b4893a7b15c.png)

⑧CSRファイルを作成していない場合は作成して（やり方がわからない場合は下記の「※補足」を参照）、[Choose File…]から拡張子が「.certSigningRequest」のファイルを選択します。
![22.png](https://qiita-image-store.s3.amazonaws.com/0/195038/cbd5272c-4e94-9392-fdd5-36b0cff27543.png)

⑨証明書が作成されるので、[Download]からダウンロードして保存してください。
![23.png](https://qiita-image-store.s3.amazonaws.com/0/195038/c37c8ef4-5760-d381-a6e0-7dc0a1a6205a.png)


※補足
CSRファイルの作成
①キーチェーンアクセスを起動して、[キーチェーンアクセス] > [証明書アシスタント] > [認証局に証明書を要求…]を選択します。
![3-2.png](https://qiita-image-store.s3.amazonaws.com/0/195038/8417ee5d-4dc1-8858-477e-f2e64ba0c905.png)

②証明書情報の設定を行います。
「ユーザのメールアドレス」に使用するメールアドレス、「通称」に証明書の名称、「要求の処理」を「ディスクに保存」を選択して、続けるをクリックし、保存先を指定して保存します。
![3-3.png](https://qiita-image-store.s3.amazonaws.com/0/195038/f4d55425-9dc3-9d38-8303-eeeeeaf89188.png)

③設定結果が表示されるので、正常に処理が完了したことを確認してください。
![3-5.png](https://qiita-image-store.s3.amazonaws.com/0/195038/40a4b2aa-0a04-5f3b-b0be-be506a60c389.png)


#おわりに
別記事の補足ですが、何か間違い等ありましたらご指摘いただければ幸いです。