Flutter 项目接入Facebook和Firebase

1. Facebook 接入

打开flutter项目中的 android 项目

• build.gradle 文件中 buildscript { repositories {}} 加上

mavenCentral()

• app 项目文件底下的build.gradle 添加依赖：

implementation ‘com.facebook.android:facebook-android-sdk:[5,6)’

• 在string.xml 中添加 facebook id(如果没有string.xml 文件就自己在 Value 文件夹下创建一个)

<string name="facebook_app_id">Facebook App ID</string>

• Manifest 文件中添加权限

 <uses-permission android:name="android.permission.INTERNET"/>

• 标签下添加

<application android:label="@string/app_name" ...>
    ...
    <meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/>
    ...
</application>

2.Firebase 接入

• 下载 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支持 加到最后一行

• 修改 pubspec.yaml 增加

dependencies:
firebase_analytics: ^2.0.3

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

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],//加入路由统计
      );
  }
}