其实在网上也能搜到一些教程,但是不是讲的不清楚,就是版本太老,此次使用的Flutter版本是2.0.0,
理论上Flutter版本大于1.12皆适用。
本文大部分按照官方Firebase接入方式,主要做了cloud message,其他插件原理类似。
注意:因项目问题,本文只描述了Android端的接入(后期有空会增加iOS端的接入)
1.引入firebase_core包
1)、在pubspec.yaml文件中添加firebase_core的引入(此时最新的)
firebase_core: ^1.0.3
执行
flutter pub get
2)、在Firebase 中创建新项目,并按提示添加bundleId与SHA-1值(SHA-1值后面做推送测试用),然后下载生成的google-services.json文件,并将其放置在[项目]/android/app/中。
3)、安装Firebase配置文件
首先,在android/build.gradle中添加google-services的支持:
buildscript {
dependencies {
// ... other dependencies
classpath 'com.google.gms:google-services:4.3.3'
}
}
接着在/android/app/build.gradle中的apply plugin: 'com.android.application'紧跟着下方添加:
apply plugin: 'com.google.gms.google-services'
4)、编译运行项目
添加以下测试是否报错
await Firebase.initializeApp();
example:
void main() {
//statusBar设置为透明,去除半透明遮罩
WidgetsFlutterBinding.ensureInitialized();
initFirebase();
}
void initFirebase() async{
await Firebase.initializeApp();//初始化Firebase组件
initApp();//调用UI逻辑
}
2.引入firebase_messaging包
1)、在pubspec.yaml添加最新版本
firebase_messaging: ^9.1.1
执行
flutter pub get
2)、此时注意官方提醒,Flutter版本大于1.12的话那就什么配置也无需操作,因急于2.0版本,因此小于1.12的情况不做讨论
If you are using Flutter Android Embedding V2 (Flutter Version >= 1.12) then no additional integration steps are required for Android.
3)、初始化firebase_message(注意:调用前必须先初始化firebase_core)
void initFireMessage() async{
FirebaseMessaging messaging = FirebaseMessaging.instance;
}
4)、获取token绑定(如果能获取到token证明接入成功)
FirebaseMessaging.instance.getToken().then((value){
print('token==='+value);
});
5)、监听消息
///应用启动时的消息提示
FirebaseMessaging.instance.getInitialMessage().then((RemoteMessage message){
if (message != null){
print(message.data.toString());
}
});
///应用前台收到消息红点提示或跳转
FirebaseMessaging.onMessage.listen((RemoteMessage message) {
RemoteNotification notification = message.notification;
///消息操作
});
///通知栏消息点击进入消息详情
FirebaseMessaging.onMessageOpenedApp.listen((RemoteMessage message) {
});
在程序入口处添加以下代码:
///后台收消息启动给红点提示
Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
await Firebase.initializeApp();
print("Handling a background message: ${message.messageId}");
}
void main() {
WidgetsFlutterBinding.ensureInitialized();
initFirebase();
}
void initFirebase() async{
await Firebase.initializeApp();
FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
initApp();///程序入口
}
以上就是简单的步骤;接着就可以去Firebase后台 中的Cloud Messaging中测试发布消息。
具体消息处理按自己项目要求出处理。
- 文章作者:* Flonger
- 文章链接:* http://blog.flonger.com/2021/04/14/Flutter接入Firebase推送/
网友评论