flutter firebase接入

firebase的功能

• 实时数据库（Realtime database）
• 用户认证（Authentication）
• 自定义API（Cloud function）
• 消息推送（Cloud messaging）
• 静态网页Hosting
• 云存储（Cloud storage）
• 实时监控（Analytics）

点击 console.firebase.google.com
这个过程可以下载两个文件 Android 为 google-services.json。IOS 为 GoogleService-Info.plist

Android 接入

• 下载 google-services.json 到 android/app/google-services.json
• android/build.gradle 增加:

buildscript {
    ......
    dependencies {
        classpath 'com.android.tools.build:gradle:3.2.1'
        classpath 'com.google.gms:google-services:4.2.0' //firebase 注意 Android studio 提示版本进行更新
    }
}

• android/app/build.gradle 增加:

dependencies {
    ......
    implementation 'com.google.firebase:firebase-core:16.0.7' //firebase 注意 Android studio 提示版本进行更新
}
 
apply plugin: 'com.google.gms.google-services' //firebase支持 加到最后一行

IOS 接入

• 下载 GoogleService-Info.plist 到 ios/Runner/GoogleService-Info.plist 如果xcode读取不到文件 需要导入到项目
• 修改 ios/Runner/AppDelegate.swift

#include "AppDelegate.h"
#include "GeneratedPluginRegistrant.h"
 
@import Firebase;//增加 firebase 支持
 
@implementation AppDelegate
 
- (BOOL)application:(UIApplication *)application
    didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    
    [FIRApp configure];//增加 firebase 支持
    
  [GeneratedPluginRegistrant registerWithRegistry:self];
  // Override point for customization after application launch.
  return [super application:application didFinishLaunchingWithOptions:launchOptions];
}
 

完成以上步骤后 删除app 重新 flutter run -v 可以看到 firebase 相关日志 最后ios 跟安卓都会出现 成功提示如下图

firebase_analytics 库引入

• 修改 pubspec.yaml 增加

dependencies:
  firebase_analytics: ^2.0.3


  flutter packages get

封装工具包并且引入到项目

lib/utils/analytics.dart

import 'package:firebase_analytics/firebase_analytics.dart';
import 'package:firebase_analytics/observer.dart';
 
//统计
FirebaseAnalytics analytics = FirebaseAnalytics();
FirebaseAnalyticsObserver observer =
    FirebaseAnalyticsObserver(analytics: analytics);
    

lib/main.dart

import 'package:efox_flutter/utils/analytics.dart' as Analytics;
......
class MainAppState extends State<MainApp> {
  @override
  Widget build(BuildContext context) {
    MaterialApp(
        ......
        navigatorObservers: <NavigatorObserver>[Analytics.observer],//加入路由统计
      );
  }
}

其他调用

import 'package:efox_flutter/utils/analytics.dart' show analytics;
analytics.logEvent(name: 'component', parameters: {'name': itemInfo.title});

增加上面代码后需要在firebase 管理后台增加 name关键字统计