# 4. Firebase 푸시 알림

## 1.  Firebase 설정

{% hint style="info" %}
**참고**

테스트 플라이트에 앱이 올라가고 난 후에 확인 가능합니다.
{% endhint %}

* <https://developer.apple.com/account>로 이동해 주세요.&#x20;
* 인증서, 식별자 및 프로파일에서 키(영문)을 선택해 주세요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2F1ppVSEQPsEkeNKog6wqf%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-27%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2011.16.05.png?alt=media&#x26;token=b3b25aff-2ac9-44ed-8748-f9ef323df8f6" alt=""><figcaption></figcaption></figure>

* Keys 옆에 있는 파란색+ 버튼을 클릭해 주세요. <br>

  <figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FxYJifHxf7mRISu6cN3Zj%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-27%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2011.18.06.png?alt=media&#x26;token=704c53b1-b9ed-439f-bc00-df7906b46697" alt=""><figcaption></figcaption></figure>
* 아래의 사진과 같이 두 가지 항목을 선택 후 Key Name에 앱 영문 이름을 입력해 주세요.&#x20;
  * Apple Push Notifications service (APNs) : 푸시 알림을 위한 설정
  * Sign in with Apple : 애플 로그인을 위한 설정

    * configure에는 [**관리자 웹 환경설정**](https://docs.ohmyapp.io/main/guide/deploy/appstore/2)에서 작성한 번들 아이디를 선택해 주세요.&#x20;

    <figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2Fr00IE7AmMiPOTUTb6EvN%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-27%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.34.26.png?alt=media&#x26;token=b5ccd74b-5965-4b6b-bc2b-04ea3c60324e" alt=""><figcaption></figcaption></figure>
* 생성한 키를 다운로드해 주세요.&#x20;

  * 다운로드 된 .p8 확장자 파일은 나중에 필요하기 때문에 저장 위치를 확인해 주세요.&#x20;
  * 키 ID(Key ID)를 복사해서 메모장에 저장해 주세요.&#x20;

  <figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FunGWlFh23MLbzFEvpJLb%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-27%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.38.23.png?alt=media&#x26;token=31bc45b6-8b38-4830-82f1-d35c74b7aab8" alt=""><figcaption></figcaption></figure>
* <https://developer.apple.com/account>으로 이동해서 우측 상단의 계정을 클릭해 주세요.&#x20;
* 아래로 스크롤하면 멤버십 세부 사항이 보여요.
* 팀 ID를 복사해서 메모장에 저장해 주세요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2F5EzN6T34CfGHTIgZLiwY%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-07-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%206.22.05.png?alt=media&#x26;token=c9a64a78-4dcf-448d-9166-ed55d340895b" alt=""><figcaption></figcaption></figure>

* Firebase ➡︎ 톱니 바퀴 ➡︎ 프로젝트 설정에서 클라우드 메시징을 클릭해 주세요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FoKbAT6gjzPx1VCWOLxdS%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-07-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%206.14.41.png?alt=media&#x26;token=cdf63948-02dd-4fa4-8096-7e12a884d4f7" alt=""><figcaption></figcaption></figure>

* 클라우드 메시징을 설정하는 아래의 사진과 같은 화면을 확인할 수 있어요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FjodHxrbpJQysENfkWufG%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-07-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%206.15.59.png?alt=media&#x26;token=fac48363-3b08-4a63-b3ee-43bac3320f9e" alt=""><figcaption></figcaption></figure>

* APN 인증 키의 업로드 버튼을 클릭해 주세요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2F0utgaXqpUClbzgrhesh2%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-07-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%206.17.15.png?alt=media&#x26;token=26a0d35a-6315-4a75-9ae2-788e03001b77" alt=""><figcaption></figcaption></figure>

* 각 항목에 해당 하는 값을 입력 후 업로드 버튼을 클릭해 주세요.&#x20;
  * APNs 인증 키 : 위에서 다운 받은 .p8 확장자 파일을 업로드해 주세요.&#x20;
  * 키 ID : 위에서 복사한 키 ID를 입력해 주세요.&#x20;
  * 팀 ID : 위에서 복사한 팀 ID를 입력해 주세요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FyTwOzqNqb1SRcJfY8ec2%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-07-31%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%206.18.57.png?alt=media&#x26;token=0cbca2aa-f82b-4875-9f8f-e9d00bf59956" alt=""><figcaption></figcaption></figure>

* 모든 과정을 진행하면 오마이앱 내부 푸시 알림이 아니라 실제 앱에서 푸시 알림이 오는 것을 확인할 수 있어요.

## 2. 오마이앱 설정

1. Firebase ➡︎ 프로젝트 설정 ➡︎ 서비스 계정으로 이동해 주세요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FW00RTb75L9eSpMFo4Ak0%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-11%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.02.02.png?alt=media&#x26;token=4ce1db49-997f-4ec3-b057-351c20dbd94f" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2Fp9x8ImMPR4JwdOgjTAJB%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-11%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.05.41.png?alt=media&#x26;token=5edb7f53-d177-4822-bb5e-dd52f2d03af7" alt=""><figcaption></figcaption></figure>

3. 아래의 사진과 같이 새 비공개 키 생성 버튼을 클릭해서 파일을 다운로드해 주세요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FOkYkRTVKPDcygFbJ0Lqg%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-11%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%205.07.16.png?alt=media&#x26;token=0672e1d1-3b8b-4acf-9d0b-ed00e0085f1a" alt=""><figcaption></figcaption></figure>

4. 다운로드 받은 파일을 열면 아래 사진과 같이 나와요. project\_id를 복사해서 메모장에 저장해 주세요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FZTkfuSuhuaCxYrS1PiiB%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-27%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.51.35.png?alt=media&#x26;token=f2430622-0833-483a-a177-836678933949" alt=""><figcaption></figcaption></figure>

5. 오마이앱 관리자 웹 ➡︎ 운영 모드 ➡︎ 좌측 메뉴바 설정 ➡︎ 고급 설정 ➡︎ API 키 설정으로 이동해 주세요.&#x20;

<div align="left"><figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2F3ssqThvHYKTNj6K95sHr%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-27%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.52.59.png?alt=media&#x26;token=0de6ece7-8ce2-4800-8f39-0e9d1e7328c4" alt=""><figcaption></figcaption></figure></div>

6. 앱 푸시를 클릭해 주세요.&#x20;

* 만약 앱 푸시가 2개 이상 있다면 1개를 남겨두고 모두 삭제해 주세요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2Fxmgtqkcy9q45WGf3o98L%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-27%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.54.45.png?alt=media&#x26;token=5112cb3c-096f-43ad-aba3-81f03007b039" alt=""><figcaption></figcaption></figure>

7. API key의 빨간색으로 표시된 부분에 4번에서 복사했던 project\_id를 입력해 주세요.&#x20;
   1. 빨간색으로 표시된 부분 : ohmyapp-58d39

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FdZ3tJ9tAcKB9eOzsDNJZ%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-27%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%2012.55.39.png?alt=media&#x26;token=61bb38e8-fb0b-4b36-bf41-8fe6419409b2" alt=""><figcaption></figcaption></figure>

8. 4번에서 다운로드 받은 파일의 모든 내용을 'JSON 키'에 입력해 주세요.&#x20;

<figure><img src="https://3976660509-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDgfvhQgmY9NbRK0Sln7j%2Fuploads%2FTtUaZnYo6NuhB4aIxpXG%2F%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202023-10-27%20%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE%201.00.04.png?alt=media&#x26;token=d26357a9-5626-444b-a176-529f1012d27c" alt=""><figcaption></figcaption></figure>

9. 변경 사항을 저장해 주세요.&#x20;

> \#푸시 알림, #애플 개발자 페이지, #인증서, 식별자 및 프로파일, #Key Name, #Apple Push Notifications service (APNs), #Sign in with Apple, #Key ID, #팀 ID, #클라우드 메시징, #APN 인증 키, #APNs 인증 키

\
2023 11 22 Nana