Skip to content

Flutter FCM #
Find similar titles

Structured data

Category
Programming

플러터(Flutter) #

플러터란 #

플러터의 개요 : http://www.incodom.kr/Flutter

플러터 설치방법 #

플러터 설치(windows) : http://www.incodom.kr/Flutter/setting

FCM #

  1. FCM
  2. 작업환경
  3. Firebase 연동
  4. FCM 테스트

FCM #

FCM이란? #

FCM은 Firebase Cloud Messaging의 약자로, 무료로 메세지를 안정적으로 전송할 수 있는 교차 플랫폼 메세징 솔루션이다. 모든 사용자에게 알림 메세지를 전송할 수도 있고, 그룹을 지어 메세지를 전송할 수도 있다.

FCM의 동작 원리 #

  • 크게 송신자, FCM Backend Server, 수신자로 구분된다.
  • 송신자 : 앱 서버, HTTP 프로토콜을 사용하는 서버, Firebase Console GUI
  • 수신자 : 우리가 흔히 사용하는 iOS 또는 Android 운영체제를 사용하는 모바일 기기이다.

  • 흐름은 해당 이미지와 같다.
  • 앱 서버에서 FCM Bandend 서버에 클라이언트 앱에 보내고자 하는 메세지를 담은 정보와, 서버의 인증 정보 클라이언트의 토큰을 담아서 HTTP POST 요청하며 응답 받는다.

작업환경 #

  • Flutter(Android)
  • Firebase

Firebase 연동 #

  1. pubspec.yaml : 우선 flutter에 라이브러리를 추가한다.

    • firebase_core: "^0.5.0"
    • firebase_messaging: "^7.0.0"
    • vibration: ^1.4.0
    • http: ^0.12.1(서버를 사용해야하는 경우만 작성한다.)
  2. Firebase 계정을 생성한 후 프로젝트를 연동시킨다.

    2-1. 홈페이지에서 아래의 이미지 부분을 클릭한다.

    2-2. /android/app/build.gradle의 패키지 부분을 복사하여 앱을 등록한다.

    2-3. /android/build.gradle의 dependencies에 google-services를 추가한다.

    2-4. 추가 후, Firebase SDK를 추가시킨다.

    2-5. 마지막으로 프로젝트를 firebase에 연동시킨다.

    ※ Sync now 부분은 /android/build.gradle 파일에서 해당 부분을 클릭한다.

  3. FCM 예제 코드를 작성한다. 예제 코드는 다음 링크에서 확인할 수 있다.

https://velog.io/@ieed0205/FCM-%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%BD%94%EB%93%9C

FCM 테스트 #

참조링크 #

https://spiralmoon.tistory.com/entry/Flutter-Firebase-cloud-messaging-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0

  • 예제 코드를 구성한 후 Firebase Clouding Message로 접속한다.

  • 테스트 메세지를 전송한다.

  • 결과를 확인한다.

Suggested Pages #

0.0.1_20140628_0