[React Native] ios FCM으로 푸시알림 적용하기(1) - APN 인증키(.p8) 발급받기

iOS 환경에서 FCM을 사용하기 위해서는 APN(Applie Push Notification)인증키가 필요하다.

APN 인증키를 발급받아보자.

 

1. APN 인증키 발급하기

1) https://developer.apple.com/account 접속 > 인증서, ID 및 프로파일 > 키(영문) 클릭

 

2) Keys > + 버튼 클릭

 

3) Key Name 입력 > Apple Push Notifications service(APNs) 부분 체크박스 체크 > 우측 상단 Continue 버튼 클릭

 

4) Register 버튼 클릭

 

5) Download 버튼 클릭

노란색 경고문에 나와있듯이 Key 파일은 단 한 번만 다운로드 가능하기 때문에, 다운로드 받아서 잘 가지고 있어야 한다.

만약 지금 다운로드 받지 않을 것이라면, Download 버튼 옆에 Done 버튼을 누르고 나중에 다운로드 받도록 한다.

다운받은 파일은 다음과 같이 AuthKey_{Key ID}.p8 형태로 되어있는 것을 확인할 수 있다.

 

 

2. 앱 Identifiers 추가

1) Identifiers > + 클릭

 

2) App IDs 라디오버튼 클릭 > Continue 클릭

 

3) App 클릭 > Continue 클릭

 

4) 아래 항목 작성 > Continue 버튼 클릭

• Description 작성
• Bundle ID 작성
• 아래 Capabilities 부분에서 Push Notifications 체크박스 체크

 

* 참고) Bundle ID는 Xcode에서 TARGET > General > Identity > Bundle Identifier에 있는 값이 프로젝트 번들 ID이다.

 

5) REGISTER 버튼 클릭

App Identifiers 등록 완료.

 

 

3. SSL 인증서 등록하기

SSL 인증서를 등록하지 않으면, 나중에 푸시 알림 테스트할 때 실패하기 때문에 지금 등록하도록 한다.

 

1) SSL 인증서 발급하기

Spotlight 검색에서 '키체인 접근'을 검색하고 실행한다.

 

키체인 접근 > 인증서 지원 > 인증 기관에서 인증서 요청... 클릭

 

• 사용자 이메일 주소(애플 계정 이메일 주소) 입력
• 일반 이름 입력
• 디스크에 저장됨 선택
• 본인이 키 페어 정보 지정 선택
• 계속 버튼 클릭 후 완료 버튼 눌러서 다운로드 폴더에서 CertificateSigningRequest.certSigningRequest 라는 이름의 인증서가 생성된 것을 확인

 

 

2) SSL 인증서 등록하기

다시 Apple Developer 페이지로 돌아와서 2. 앱 Identifiers에서 추가한 항목 클릭

 

Capabilities 항목에서 Push Notifications 부분을 보면 Configure 버튼이 생성된 것을 확인 할 수 있다. Configure 버튼을 눌러준다.

 

Create Certificate 버튼을 눌러준다.

하나는 development 용, 다른 하나는 production 용이다.

 

Choose File 부분에 1) SSL 인증서 발급하기 에서 발급받은 CertificateSigningRequest.certSigningRequest 인증서를 넣어준 뒤 우측 상단에 Continue 버튼을 눌러준다.

 

Download 버튼을 눌러준다.

 

다운로드 받은 aps_development.cer 파일과 aps.cer 파일을 더블클릭해서 키체인 접근에 등록해준다.

 

 

다시 Apple Developer 페이지로 돌아와서 2. 앱 Identifiers에서 추가한 항목 클릭 후 Capabilities 항목에서 Push Notifications 부분을 보면 Certificates(1)로 인증서 등록이 된 것을 확인할 수 있다.

 

 

APN 인증키(.p8) 받기 완료!

---

이제 다음 단계는 발급 받은 APN 인증키를 Firebase에 등록하는 것이다.

Firebase 등록 과정은 아래 글에서 확인 가능하다.

https://pocket-dev.tistory.com/44

[React Native] ios FCM으로 푸시알림 적용하기(2) - Firebase 설정