APP誕生全紀錄 - 容易忽略的必要功能1：推播

簡介

設定

Android

<service
　　android:name=".java.MyFirebaseMessagingService"
　　android:exported="false">
　　<intent-filter>
　　　　<action android:name="com.google.firebase.MESSAGING_EVENT" />
　　</intent-filter>
</service>

<meta-data
　　android:name="com.google.firebase.messaging.default_notification_icon"
　　android:resource="@drawable/ic_stat_ic_notification" />
<meta-data
　　android:name="com.google.firebase.messaging.default_notification_color"
　　android:resource="@color/colorAccent" />

iOS

1. 在 Firebase 控制台的項目中，選擇齒輪圖標，選擇Project Settings ，然後選擇Cloud Messaging選項卡。
2. 在iOS app configuration下的APNs authentication key中，單擊Upload按鈕。
3. 瀏覽到您保存密鑰的位置，選擇它，然後單擊打開。添加密鑰的密鑰 ID，然後單擊Upload 。。
4. 在XCode中勾選Push Notification和背景監聽

安裝套件

dependencies:
　　firebase_messaging: ^12.0.2

取得TOKEN

class PushNotification {
　　init() async {
　　　　//要求權限
　　　　NotificationSettings settings = 
　　　　await messaging.requestPermission(
  　　　　alert: true,
  　　　　announcement: false,
  　　　　badge: true,
  　　　　carPlay: false,
  　　　　criticalAlert: false,
  　　　　provisional: false,
  　　　　sound: true,
　　　　);
　　　　if (settings.authorizationStatus == AuthorizationStatus.authorized ||
    　　　　settings.authorizationStatus == AuthorizationStatus.provisional) {
　　　　　　　//如果權限有被使用者允許，拿一下Token地址吧！
  　　　　　　messaging.getToken().then((value) => _token = value);
　　　　}
　　}
}

推播監聽

1. 程式在前景模式運作中
2. 程式在背景模式
3. 程式在背景模式點擊推播打開後
4. 程式被關閉的狀態點擊推播打開後

// 背景模式收到推播後的處理函式註冊
// 這裡要注意的是此callback必須是個top-level的static function
FirebaseMessaging.onBackgroundMessage(messageOnBackground);
// 關閉的狀態點擊推播打開後的處理函式註冊
messaging
    .getInitialMessage()
    .then((message) => messageOpenedOnTerminated(message));
// 前景模式收到推播後的處理函式註冊
FirebaseMessaging.onMessage
    .listen((message) => messageOnForeground(message));
// 背景模式中使用者點擊推播後的處理函式註冊 
FirebaseMessaging.onMessageOpenedApp
    .listen((message) => messageOpenedOnBackground(message));

這裡要注意一下前景模式收到推播時，不會再另外跳出預設的通知訊息視窗，如果你想要跟背景模式下收到時一樣會跳出推播的提示視窗，必須另外使用Local Notification來發佈自訂的通知。

進階本地通知

<meta-data
    android:name="com.google.firebase.messaging.default_notification_channel_id"
    android:value="bible_seed_channel" />

final FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin =
    FlutterLocalNotificationsPlugin();

final AndroidNotificationChannel channel = AndroidNotificationChannel(
　　'bible_seed_channel', // id
　　'BibleSeed Notifications', // title
　　description: 'This channel is used for important notifications.', // description
　　importance: Importance.max,
);
final InitializationSettings initializationSettings =
    InitializationSettings(
　　android: AndroidInitializationSettings("@mipmap/ic_launcher"),
　　iOS: IOSInitializationSettings(),
);

await flutterLocalNotificationsPlugin.initialize(initializationSettings);
await flutterLocalNotificationsPlugin
    .resolvePlatformSpecificImplementation<
        AndroidFlutterLocalNotificationsPlugin>()
    ?.createNotificationChannel(channel);
//iOS前景顯示選項設定
await FirebaseMessaging.instance
    .setForegroundNotificationPresentationOptions(
　　alert: true,
　　badge: true,
　　sound: true,
);

final NotificationDetails notificationDetails = NotificationDetails(
　　android: AndroidNotificationDetails(
　　　　'bible_seed_channel', // id
　　　　'High Importance Notifications', // name
　　　　channelDescription: 'This channel is used for BibleSeed important notifications.',
　　　　importance: Importance.max,
　　　　priority: Priority.high,
　　　　icon: '@mipmap/ic_launcher',
　　),
　　iOS: IOSNotificationDetails(),
);
final id = DateTime.now().millisecondsSinceEpoch ~/ 1000;
flutterLocalNotificationsPlugin.show(id, title,
    body, notificationDetails);

結論