Flutter iOS 푸시 알림(FCM) 이거 보고 바로 설정하자.

Flutter 앱개발자를 위한 iOS 푸시 알림 설정하는 방법에 대해 알아보자

Apple Developer 사이트에서 APNs 등록을 위한 Certificate 및 Key 생성하는 방법에 대해 나온다. 

 

---

#1. Apple Developer 사이트 내 App등록/Certificate 생성(CSR 필요)

 

#2. Firebase 프로젝트 설정 (APN 인증키, APN 인증서 업로드)

#3. XCode 설정 추가

 

---

iOS의 경우 APNs 라는 서비스가 별도로 있다. 만일 Firebase에서 푸시를 날리게 되면 안드로이드의 경우 앱에서 바로 알림이 오지만 iOS의 경우엔 APNs 를 거쳐서 앱으로 알림이 전달되게 된다.

때문에 APNs 를 중간다리로 연결시켜주는 작업이 필요하며 아래의 방법대로 잘만 따라온다면 어려울 것이 전혀 없다.

 

#1. Apple Developer 사이트 내 App등록/Certificate 생성(CSR 필요)

- Apple Developer 사이트 접속 > Certificates, Identifiers & Profiles > App 등록

Identifiers 를 클릭해 App ID를 추가하자.

App IDs 체크 후 Continue

App 선택 후 Continue

Bundle ID는 프로젝트를 XCode에서 확인

Description/Bundle ID 입력

하단 Push Notification 클릭 후 Register

해당 App 다시 클릭 > Push Notification 우측 Configure 클릭

개발용/배포용 Create Certificate (나는 테스트용으로 개발용으로 만들었다. 배포용도 방법은 동일하다)

- Finder 를 하나 열어서 별도 위치에 files 폴더 하나 생성해두자. (총 4개의 파일이 만들어질 것이다. CSR, APNs Certificate, 인증서 내보내기 P12파일, 인증키 P8파일 등)

- 본인이 CSR 파일이 없는 경우 하나 만들자.

- 키체인 접근 실행 > 인증서 지원 > 인증 기관에서 인증서 요청...

사용자 이메일주소에는 애플 개발자로 등록된 이메일 주소를 입력하자. 요청 항목에 디스크에 저장됨 체크 후 계속 > 생성될 CSR 파일을 위에서 만든 files 폴더에 저장해두자.

APNs Certificate 를 만들기 위해 CSR 업로드가 필요한데 조금 전 만든 CSR 파일을 선택한 후 Continue

생성된 APNs Certificate 를 다운로드

- 다운로드 받은 Certificate를 더블클릭 한 후 키체인 접근에 가보면 추가되어 있는 것을 확인할 수 있다.

이 때 P12 파일로 내보내기를 하려면 '내 인증서' 탭으로 이동해서 내보내기를 수행하자

내보내기

P12 형식임을 확인하자. 아까도 말했지만 만일 P12 포맷이 비활성화로 보인다면 키체인 접근에서 '내 인증서' 탭으로 이동해서 다시 내보내기 해보자.

내보낸 항목을 보호하기 위한 암호 입력 (뒤에 Firebase 쪽에서 암호 입력할 일이 있으니 기억해두자.)

mac 사용자 암호도 추가로 입력

dev_apns.p12 파일 생성된 것을 확인할 수 있다.

 

#2. Firebase 프로젝트 설정 (APN 인증키, APN 인증서 업로드)

- Firebase 해당 프로젝트 이동 > 프로젝트설정 > 클라우드 메시징 탭

클라우드 메시징 탭으로 이동

우리는 APN 인증키와 APN 인증서 업로드가 필요하다.

- 우선 APN 인증서 부터 업로드하자. 아까 만든 p12형식의 파일과 인증서 비밀번호 입력 후 업로드 버튼을 클릭

APN 인증서 업로드

- APN 인증키의 경우 P8파일 필요 > Apple Developer 사이트 > Certificates, Identifiers & Prrofiles

key를 추가해야 한다.

Apple Push Notifications service 를 체크하고 Key Name 설정 후 Continue

Register

생성된 Key 를 다운로드받고, Key ID 역시 기억해두자. (이 또한 Firebase 설정시 필요하다.)

- APN 인증키 업로드 클릭 > 위에서 다운로드 받은 Key (해당 파일이 P8 파일) 선택 > Key ID 복사 후 Firebase APN 인증키 업로드시 해당 Key ID 붙여넣기 > 팀ID는 Apple Developer 사이트 우측 상단에 조회되는 Team ID 복사 붙여넣기 > 등록 완료

#3. XCode 설정 추가

- XCode 로 프로젝트 열기 > Signing & Capabilities > + Capabilities > Push Notification 추가 및 Background Modes (Background fetch, Remote notifications) 추가

 

마지막 XCode까지의 설정이 완료되면 Push Notification을 사용하기 위한 준비는 모두 마쳤다. 다음 게시글에는 설정이 완료된 Push Notification을 실제 코드를 이용해 사용하는 방법에 대해 알아보겠다.