> For the complete documentation index, see [llms.txt](https://docs.ohmyapp.io/main/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ohmyapp.io/main/guide/deploy/appstore/apple_firebase-pushnotifications.md).

# 4. Firebase 푸시 알림

## 1.  Firebase 설정

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

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

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

<figure><img src="/files/TvQl5f6sKw1OJaftfqXo" alt=""><figcaption></figcaption></figure>

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

  <figure><img src="/files/qrXi77pp2kWxv72fYN1P" alt=""><figcaption></figcaption></figure>
* 아래의 사진과 같이 두 가지 항목을 선택 후 Key Name에 앱 영문 이름을 입력해 주세요.&#x20;
  * Apple Push Notifications service (APNs) : 푸시 알림을 위한 설정
  * Sign in with Apple : 애플 로그인을 위한 설정

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

    <figure><img src="/files/oNBtsAPtZBSdABZrDKAe" alt=""><figcaption></figcaption></figure>
* 생성한 키를 다운로드해 주세요.&#x20;

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

  <figure><img src="/files/SPpCP4p7ukQPrAmqXRTD" alt=""><figcaption></figcaption></figure>
* <https://developer.apple.com/account>으로 이동해서 우측 상단의 계정을 클릭해 주세요.&#x20;
* 아래로 스크롤하면 멤버십 세부 사항이 보여요.
* 팀 ID를 복사해서 메모장에 저장해 주세요.&#x20;

<figure><img src="/files/wkfRCVDdtYI2h6p8HTOV" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/1CcX4aBpiIhVwOSkUvXJ" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/9ZMUFeteel3wUWgLnTwl" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/XnKaumbWkYmijGglb8Au" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/DzwXylBJ86YPaYHIFZGj" alt=""><figcaption></figcaption></figure>

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

## 2. 오마이앱 설정

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

<figure><img src="/files/5hLtkRwIe5rdOmEMdgIB" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/IAcuw0kc4aPvPv11EueJ" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/c5jagRqVAFYijkaBVoN5" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/5Y3Njn8zsCMC0otxmW5T" alt=""><figcaption></figcaption></figure>

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

<div align="left"><figure><img src="/files/OGv8IImaERT4ldEbbBeG" alt=""><figcaption></figcaption></figure></div>

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

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

<figure><img src="/files/riNdVxJRlG4hhPabB2BO" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/wDEn0S5nqCUzwVciRk6J" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/yQzbLgggt75p1wZbIb9Y" 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