Flutter 및 Firebase Analytics 설정

Flutter와 Firebase Analytics 비교하기

플러터 2.10.4 | 다트 2.16.2 | 개발자 도구 2.9.2

Flutter 및 Firebase 설정

1) flutter_firebase 설치 Flutter 및 Firebase 설정

Flutter 및 Firebase Analytics 설정

1) เปิด 터미널 เปิด ไป ที่ ที่ FLUTTER_FIREBASE ไดเร็กทอรี่ แล้ว ติดตั้ง FIREBASE_ANALYTICS 패키지 (ดู ราย ราย ละเอียด ได้ ที่ https://pub.dev/packages/firebase_analytics)

flutter pub add firebase_analytics

2) firebase_analytics ที่ 종속 항목에 pubspec.yaml



3) สร้างไฟล์ analytics.dart ไว้ใน lib ไดเร็กทorรี่ แล้วสร้างคลาส AnalyticsService แบบ Singleton เก็บไว้้ใงช

import 'package:firebase_analytics/firebase_analytics.dart';

class AnalyticsService {
  final _analytics = FirebaseAnalytics.instance;
  AnalyticsService._();
  static final _service = AnalyticsService._();
  factory AnalyticsService() => _service;
  static FirebaseAnalytics get instance => _service._analytics;
  static FirebaseAnalyticsObserver get observer => FirebaseAnalyticsObserver(analytics: _service._analytics);
}

AnalyticsService

1) 로그 หน้า 화면 이름 ให้ Firebase Analytics ด้วยคำสั่ง setCurrentScreen

AnalyticsService.observer.analytics.setCurrentScreen(screenName: "main");

2) Log หน้า 이벤트 ให้ Firebase Analytics ด้วยคำสั่ง logEvent

AnalyticsService.observer.analytics.logEvent(name: "counter");

iOS 앱 및 Firebase 분석

1) เปิด iOS Emulator ทดลอง iOS App ด้วย flutter run ที่ iOS App กดปุ่ม + 2 ครั้ง



2) เข้า เว็บ เว็บ Firebase Console https://console.firebase.google.com คลิ้ก ที่ ที่ 실시간 ใน 분석 เมนู เมนู จะ จะ เห็น ว่า 로그 ที่ เรา ส่ง มา จาก จาก 앱 ก็ ก็ จะ จะ ส่ง ขึ้น มา ที่ FIREBASE แบบ 거의 실시간에 가까운

사용자 1명

기본 화면 이름

카운터 이벤트 2 별

Android 앱 및 Firebase 분석

1) เปิด 터미널 เปิด ไป ที่ ที่ FLUTTER_FIREBASE ไดเร็กทอรี่ แล้ว รัน คำ คำ สั่ง ADB 쉘 SETPROP ไป ที่ APPLICATION ID ของ Android App (ดู application l จาก จาก android/app/build.gradle)

adb shell setprop debug.firebase.analytics.app com.example.flutter_firebase

2) Firebase Consolehttps://console.firebase.google.com 및 Analytics에서 DebugView를 실행합니다.



3) เปิด 안드로이드 에뮬레이터 ทดลอง 안드로이드 앱 ด้วย 플러터 실행 ที่ 안드로이드 앱 กด ปุ่ม + 2 ครั้ง แล้ว กลับ กลับ ไป ไป ดู เว็บ เว็บ 파이어베이스 콘솔 หน้า 디버그 뷰 จะ เห็น ว่า 로그 ที่ เรา ส่ง มา มา จาก 앱 ก็ จะ ส่ง ส่ง ขึ้น ขึ้น มา ที่ ที่ firebase ทันที 가까운 실시간 (เฉพาะ Android ที่ 디버그)



4) 실시간 채팅



5) คлิ๊กที่ 대시보드 จะเห็นข้อมูลด้วยว่ามี iOS และ Android 앱 버전 1.0.0 เข้ามาใช้

ติดตามผลงานได้ที่

페이지: https://fb.com/CodeBangkok​

그룹: https://fb.com/groups/msdevth​

블로그:

YouTube: [ ]