ALIOTHX Developers
ALIOTHXMANAGER
  • 😈DEMO App 설치
  • 크로스플랫폼 개발환경
    • ⚙️Flutter 개발환경
    • 🧑‍💻Flutter 시작하기
    • 📲폰에서 실행
    • 개발가이드
    • 🚀솔루션 설치
    • 🚦코드가이드
      • 명명 규칙및 주석처리
      • 코딩 컨벤션
      • 디렉토리 생성및 관리
      • 페이지 작성
    • 🏭Flutter 아키텍쳐
      • 채널링
      • 웹뷰
        • 웹뷰 설정
        • 웹뷰 연동
      • 보안 (Security)
        • 대칭키 암호알고리즘
        • 비대칭키 암호알고리즘
        • 메시지 다이제스트
        • 탈옥및 루팅 탐지및 차단
        • 앱 위/변조 탐지및 차단
        • 코드 난독화
    • 🖥️관리시스템
    • 🎆협업도구
  • UIUX 컴포넌트
    • UI/UX
      • 테마 적용
      • 화면방향전환
      • 토스트 (Toast)
      • 버튼 (Button)
      • 텍스트 (Text)
      • 탭바 (TabBar)
      • 이미지뷰 (ImageView)
      • 카메라/이미지
      • 페이지 트랜지션
      • 입력필드 (TextField)
      • 체크박스 (CheckBox)
      • 라디오버튼 (RadioButton)
      • 로딩바 (Loading Indicator)
      • 바텀시트 (BottomSheet)
      • 리스트뷰 (ListView)
      • 슬리버 (Sliver)
      • 사운드 (Sound)
      • 애니메이션 (Animation)
      • 위치 및 정렬
      • 커스텀 키보드
      • 카드 (Card)
      • 토글 버튼 (Toggle Button)
      • 다이얼로그 (Dialog)
      • QR코드
      • 페이지뷰 (PageView)
  • Common 컴포넌트
    • 공통모듈
      • 데이터통신과 JSON 파싱
      • 인증 연동
      • 채널링
      • 네비게이션
      • 푸시 메시지
      • SMS 인증
      • 예외처리
  • Security 컴포넌트
    • 보안모듈
      • 메시지 다이제스트
      • 암/복호화
  • Option 컴포넌트
    • 옵션모듈
      • 동영상 플레이어
      • 유튜브 연동
      • 차트
      • SNS 공유
      • 지도
      • 로컬 DB
  • 🎁라이센스및 기술지원
  • 🏢고객사
Powered by GitBook
On this page
  • 푸시 메시지 생성 과정
  • 1. 토큰 정보 확인
  • 2. 푸시 메시지 전송
  • 3. 인앱 메시지 전송
  1. Common 컴포넌트
  2. 공통모듈

푸시 메시지

구글 파이어베이스를 활용하여 Flutter 앱에서 푸시 메시지를 관리하는 방법을 안내합니다. 푸시 메시지를 통해 사용자에게 중요한 정보나 업데이트를 전달할 수 있습니다.

Previous네비게이션NextSMS 인증

Last updated 1 year ago

푸시 메시지 생성 과정

푸시 메시지를 관리하기 위한 핵심 단계는 다음과 같습니다.

  1. 토큰 정보 확인: 앱과 구글 파이어베이스를 연동하여 사용자별 토큰 정보를 생성하고 서버에 저장합니다.

  2. 푸시 메시지 전송: 서버에서 사용자별 토큰 정보를 활용하여 푸시 메시지를 전송합니다.

  3. 인앱 메시지 전송: 앱 내에서 푸시 메시지와 연계하여 사용자에게 인앱 메시지를 전송합니다.

1. 토큰 정보 확인

푸시 메시지를 전송하려면 먼저 사용자별 토큰 정보를 확인해야 합니다. 이 토큰은 각 사용자를 고유하게 식별하며, 서버에서 푸시 메시지를 전송할 때 사용됩니다.

 onPressed: () async {
                  final prefs = await SharedPreferences.getInstance();
                  var token = prefs.getString("token");
                  flutterToast.info(message: token ?? "");
                }
  • "토큰정보" 버튼 클릭: 이 버튼을 클릭하면 현재 앱에서 사용 중인 토큰 정보를 확인할 수 있습니다. 토큰 정보는 구글 파이어베이스와 연동하여 생성됩니다.

2. 푸시 메시지 전송

토큰 정보를 확인한 후, 서버에서 푸시 메시지를 전송할 수 있습니다. 이 메시지는 사용자의 디바이스로 전송되어 푸시 알림으로 표시됩니다.

  • "푸시 메시지 전송" 버튼 클릭: 이 버튼을 클릭하면 서버에서 푸시 메시지를 전송하는 기능이 활성화됩니다. 이를 통해 사용자에게 메시지를 전달할 수 있습니다.

3. 인앱 메시지 전송

푸시 메시지와 함께, 앱 내에서도 인앱 메시지를 사용하여 사용자에게 정보를 전달할 수 있습니다.

  • "인앱 메시지 전송" 버튼 클릭: 이 버튼을 클릭하면 앱 내에서 인앱 메시지를 전송하는 기능이 활성화됩니다. 이를 통해 사용자에게 앱 내에서 메시지를 표시할 수 있습니다.

푸시 메시지와 인앱 메시지를 효과적으로 활용하여 사용자와 상호작용하고 앱의 사용성을 향상시킬 수 있습니다.

이제 Flutter 앱에서 푸시 메시지를 관리하는 방법을 알게 되었습니다. 이러한 기능을 활용하여 사용자 경험을 향상시키고 필요한 정보를 효과적으로 전달할 수 있습니다.

Page cover image