플러터(Flutter) #

플러터란 #

• Flutter 개요 : http://www.incodom.kr/Flutter
• Flutter 설치 : http://www.incodom.kr/Flutter/setting
• Flutter state(상태) : http://www.incodom.kr/Flutter/state
• Flutter http(서버사용) : http://www.incodom.kr/Flutter/http
• Flutter FutureBuilder(비동기) : http://www.incodom.kr/Flutter/FutureBuilder
• Flutter 앱 접근 권한 설정 : https://www.incodom.kr/flutter%20%EC%95%B1%20%EC%A0%91%EA%B7%BC%20%EA%B6%8C%ED%95%9C%20%EC%84%A4%EC%A0%95

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 계정을 생성한 후 프로젝트를 연동시킨다.

   • Firebase 링크 : https://console.firebase.google.com/u/0/

   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.025 Android
• 0.025 iOS
• More suggestions...