如何使用Firebase在Flutter中設(shè)置Firebase云消息傳遞
Firebase Cloud Messaging (FCM) 是 Firebase 提供的一項功能強大的推送通知服務(wù)。它提供了一種與應(yīng)用程序用戶聯(lián)系并保持他們參與的無縫方式。
在本教程中，我們將深入研究 FCM 在 Flutter 中的集成。我們將探討它的好處并展示它如何增強用戶參與度和提高應(yīng)用程序性能的現(xiàn)實示例。
（更|多優(yōu)質(zhì)內(nèi)|容：java567 點 c0m）
什么是 Firebase 云消息傳遞？
Firebase 云消息傳遞 (FCM) 在您的服務(wù)器和設(shè)備之間提供可靠且省電的連接。它允許您免費在 iOS、Android 和 Web 上發(fā)送和接收消息和通知。
在本教程中，我們將探索在 Flutter 中使用 Firebase 作為后端服務(wù)設(shè)置和使用 Firebase Cloud Messaging (FCM) 的過程。雖然主要關(guān)注點是 Android 實現(xiàn)，但值得注意的是，iOS 和 Android 的過程類似（有一些配置差異）。
我們將介紹以下內(nèi)容：
如何在 Firebase 中創(chuàng)建應(yīng)用
如何在 Flutter 中設(shè)置 Firebase
如何使用 FCM 令牌實現(xiàn)推送通知
在本教程中，您將學習如何使用 Firebase 向 Flutter 中運行的應(yīng)用發(fā)送簡單的通知。讓我們開始吧。
如何在 Firebase 中創(chuàng)建應(yīng)用程序
我將在 Firebase 控制臺中創(chuàng)建一個新項目來開始。我將逐步完成必要的步驟，包括項目設(shè)置、如何配置 Firebase Cloud Messaging，以及如何獲取 Flutter 應(yīng)用所需的憑據(jù)和配置文件。
如果您沒有帳戶，則在創(chuàng)建應(yīng)用程序之前，您需要注冊 Firebase控制臺。注冊后，嘗試創(chuàng)建一個項目。
在 Firebase 中創(chuàng)建項目
創(chuàng)建項目需要一些時間。
在 Firebase 中創(chuàng)建項目
創(chuàng)建項目后，它將重定向到項目儀表板。
Firebase 控制臺中的項目概述
在 Firebase 控制臺中創(chuàng)建項目后，就可以開始使用我們的 Flutter 應(yīng)用程序了。
如何在 Flutter 中設(shè)置 Firebase
我使用 Visual Studio Code 創(chuàng)建了一個簡單的 Flutter 項目。如果你對構(gòu)建Flutter項目不熟悉，可以參考我之前的教程。（如果您已經(jīng)熟悉，可以跳過此步驟。）
在 Android 設(shè)備上運行的簡單 Flutter 應(yīng)用程序
讓我們將 Firebase 集成到我們的 Flutter 項目中。為此，我們需要一個 Firebase CLI 命令行工具。我已經(jīng)安裝了 Firebase CLI。如果你還沒有這樣做，可以參考官方文檔。
然后我們需要使用 Firebase CLI 登錄 Firebase。
?firebase login
使用 FirebaseCLI 登錄 Firebase 的命令
使用 FirebaseCLI 登錄 Firebase
這將導(dǎo)航到瀏覽器以登錄 Firebase。身份驗證成功完成后，您將被導(dǎo)航回來。
登錄成功后，我們需要安裝FlutterFire CLI。我們可以使用 FlutterFire CLI 來配置 Flutter 應(yīng)用程序以連接到 Firebase。運行以下命令激活 FlutterFire CLI：
?dart pub global activate flutterfire_cli
安裝 FlutterFire 的命令
FlutterFire CLI 是一個命令行界面工具，可簡化將 Firebase 服務(wù)集成到 Flutter 應(yīng)用程序中的過程。它提供了一種在 Flutter 項目中添加、配置和管理 Firebase 插件的便捷方法。
安裝 FlutterFireCLI
下一步是將firebase_core庫添加到我們的 Flutter 項目中。
以下命令將自動將該firebase_core包添加為項目pubspec.yaml文件中的依賴項，并從pub.dev. 運行此命令后，您可以將firebase_core包導(dǎo)入到 Dart 文件中并在我們的 Flutter 應(yīng)用程序中使用 Firebase 服務(wù)。
?flutter pub add firebase_core
安裝 Firebase Core 的命令
安裝 Firebase 核心包
該flutterfire configure命令用于使用 FlutterFire CLI 在我們的 Flutter 項目中配置 Firebase 服務(wù)。此命令可幫助我們輕松高效地設(shè)置 Firebase 身份驗證、Firestore、云消息傳遞和其他 Firebase 服務(wù)。
?flutterfire configure
將 Firebase 配置到 Flutter App 中的命令
第一步是選擇項目，
將 Flutter 應(yīng)用程序與 Firebase 應(yīng)用程序連接
接下來就是選擇平臺了。我這里用的是Android，所以選擇Android。
選擇平臺
配置成功后，會顯示Firebase App Id。
最后，我們需要向main.dart文件中添加一些代碼更改。
導(dǎo)入以下包：
?import 'package:firebase_core/firebase_core.dart';
?import 'firebase_options.dart';
導(dǎo)入 firebase 包
添加以下配置以在文件的 main 函數(shù)內(nèi)初始化 Firebase 配置main.dart。
?await Firebase.initializeApp(
? ?options: DefaultFirebaseOptions.currentPlatform,
?);
在 Flutter App 中初始化 firebase
好的，我們已經(jīng)成功完成了 Flutter 應(yīng)用中的 Firebase 配置！讓我們花點時間慶祝這一里程碑。配置 Firebase 服務(wù)是構(gòu)建強大且功能豐富的應(yīng)用程序的關(guān)鍵一步。
如何使用 FCM 令牌實現(xiàn)推送通知
我們將實現(xiàn)注冊設(shè)備以接收推送通知并檢索分配給每個設(shè)備的唯一 FCM 令牌的過程。此步驟對于向特定設(shè)備發(fā)送有針對性的通知至關(guān)重要。
我們將深入研究使用 Firebase Cloud Messaging 向設(shè)備發(fā)送推送通知的實現(xiàn)。我們將探索如何從 Firebase 控制臺構(gòu)建和發(fā)送通知消息，并演示如何在 Flutter 應(yīng)用中處理這些消息。
?flutter pub add firebase_messaging
安裝firebse消息包的命令
安裝firebse消息包
接下來，我們需要觸發(fā)該setAutoInitEnabled函數(shù)以在 Flutter 應(yīng)用中啟用 Firebase Cloud Messaging (FCM) 的自動初始化。這意味著 FCM 將在應(yīng)用程序啟動時自動初始化并檢索設(shè)備令牌。
在方法中添加以下函數(shù)調(diào)用main：
?import 'package:firebase_messaging/firebase_messaging.dart';
?...
?...
?await FirebaseMessaging.instance.setAutoInitEnabled(true);
Flutter 代碼實現(xiàn) FCM 自動初始化
讓我們運行 Flutter 應(yīng)用程序并驗證是否收到通知。
導(dǎo)航到 Firebase消息控制臺。由于這是我們的第一條消息，我們需要選擇“創(chuàng)建您的第一個營銷活動”。選擇“Firebase 通知消息”并單擊“創(chuàng)建”。
示例測試消息模板
現(xiàn)在我們需要輸入消息的通知標題、文本和名稱。
然后我們可以使用下面的代碼手動獲取 FCM 令牌以進行測試。要檢索應(yīng)用程序?qū)嵗漠斍白粤钆?，請調(diào)用getToken()該main()方法。如果未授予通知權(quán)限，此方法將詢問用戶通知權(quán)限。否則，如果有任何錯誤，它會返回一個令牌或拒絕。
?final fcmToken = await FirebaseMessaging.instance.getToken();
?log("FCMToken $fcmToken");
獲取 FCM 令牌的代碼
復(fù)制控制臺上打印的 FCM 令牌并將其粘貼到“添加 FCM 注冊令牌”輸入框中。
使用 FCM 令牌發(fā)送測試消息
單擊“測試”按鈕。目標客戶端設(shè)備（應(yīng)用程序在后臺）應(yīng)該收到通知。
Android 設(shè)備收到推送通知
歡呼！我們在 Android 設(shè)備上收到了通知。如果我們點擊通知，它會默認打開應(yīng)用程序。
當我們點擊通知時，Android 和 iOS 上的默認行為都是打開應(yīng)用程序。如果應(yīng)用程序終止，它將啟動。如果它在后臺，它將被帶到前臺。
在這里，我們可以看到初始化 Firebase 消息傳遞的基本配置。
?main.dart
?import 'package:flutter/material.dart';
?import 'package:firebase_core/firebase_core.dart';
?import 'package:firebase_messaging/firebase_messaging.dart';
?import 'firebase_options.dart';
?
?void main() async {
? ?runApp(const MyApp());
? ?await Firebase.initializeApp(
? ? ?options: DefaultFirebaseOptions.currentPlatform,
? ?);
? ?final fcmToken = await FirebaseMessaging.instance.getToken();
? ?await FirebaseMessaging.instance.setAutoInitEnabled(true);
? ?log("FCMToken $fcmToken");
?}
Firebase Messaging 基本配置的完整代碼
結(jié)論
在本教程中，我們介紹了使用 Firebase 云消息傳遞 (FCM) 在 Flutter 中實現(xiàn)推送通知的基本步驟。
通過遵循概述的步驟，您可以設(shè)置 Firebase，將其集成到您的 Flutter 項目中，并實現(xiàn)推送通知功能。
通過無縫發(fā)送和接收通知的能力，您可以增強用戶體驗并有效地與應(yīng)用程序的用戶互動。請繼續(xù)關(guān)注未來教程中的更多高級主題和功能。
