website logo
⌘K
🚀시작하기
📈마케터용 가이드
🛠️개발자용 가이드
플레어레인 홈페이지
플레어레인 콘솔
플레어레인 콘솔(데모)
Docs powered by archbee 

Flutter 연동하기

플레어레인을 사용하여 플러터(Flutter) 앱 푸시를 몇 분만에 쉽게 구현할 수 있습니다.

1. 사전 준비

타 푸시 솔루션과 함께 사용할 수 있습니다!

플레어레인 SDK 1.1.0 버전부터 플레어레인과 다른 푸시 솔루션을 병행 사용할 수 있습니다.

병행 사용을 위해서는 iOS: Swizzling 비활성화 가이드를 참고하여 몇 가지 작업을 추가해야합니다.

  • 플레어레인 관리자 에서 회원가입 후 프로젝트 생성
  • Android: FCM 인증 정보 설정 iOS: APNS 인증 정보 설정


2. SDK 설치

터미널에서 프로젝트 루트 디렉토리로 이동한 뒤, 다음 명령어를 입력합니다

Terminal
|



3. iOS 프로젝트 설정

  1. 터미널에서 cd ios 를 입력하여 ios 디렉토리로 이동합니다.
  2. Podfile 파일의 상단에 platform :ios, '11.0' 혹은 11.0 버전 이상을 입력합니다.
  3. pod install 을 입력하여 CocoaPods 설치를 완료합니다.
  4. <YOUR_PROJECT_NAME>.xcworkspace 파일을 열어 Xcode 프로젝트를 실행합니다.
  5. 대상 PROJECT의 Deployment Target 을 11.0 혹은 그 이상으로 입력합니다.
  6. 대상 TARGET의 Deployment Info 를 11.0 혹은 그 이상으로 입력합니다.
  7. 앱푸시 발송 권한을 추가합니다. Target 의 "Signing & Capabilites" 탭으로 들어와 좌상단의 "+ Capability" 를 클릭합니다.
  8. "Push Notifications" 를 선택하여 추가합니다



4. 초기화 코드 작성

main.dart 파일에서 다음 초기화 코드를 입력합니다. 프로젝트 ID는 콘솔의 [프로젝트] 페이지에서 확인할 수 있습니다.

main.dart
|


5. 테스트

여기까지 모두 완료하셨으면 앱 빌드, 실행 후 푸시 알림 구독 시 자동으로 플레어레인 전체 기기 리스트에 추가됩니다.

실제 배포 전, 푸시를 실제 발송하여 기기에 잘 오는지, 푸시 클릭 시 통계에 잘 잡히는지 반드시 직접 확인하시기 바랍니다.



6. (선택) 추가 개발 연동

푸시 알림 아이콘을 별도 설정하고 싶습니다.

  • [Android] Android: 알림 아이콘 설정 을 참고하여 아이콘 애셋 세팅을 합니다.
  • [iOS] 기존 앱 아이콘을 기본으로 따릅니다.

푸시 알림에 이미지 첨부를 하고 싶습니다.

  • [iOS] iOS: Rich Notification 을 참고하여 Notification Extension 세팅을 합니다.
  • [Android] 추가 작업이 필요하지 않습니다.



Did this page help you?
Yes
No
UP NEXT
Android: FCM 인증 정보 설정
Docs powered by archbee 
TABLE OF CONTENTS
1. 사전 준비
타 푸시 솔루션과 함께 사용할 수 있습니다!
2. SDK 설치
3. iOS 프로젝트 설정
4. 초기화 코드 작성
5. 테스트
6. (선택) 추가 개발 연동
푸시 알림 아이콘을 별도 설정하고 싶습니다.
푸시 알림에 이미지 첨부를 하고 싶습니다.