ข้อความขาเข้าจะได้รับการจัดการแตกต่างกันไปตามสถานะของอุปกรณ์ ถึง เข้าใจสถานการณ์เหล่านี้และวิธีผสานรวม FCM เข้ากับแอปพลิเคชันของคุณ เป็นอย่างแรกคือการกำหนดสถานะต่างๆ ที่อุปกรณ์สามารถอยู่ได้:
รัฐ | คำอธิบาย |
---|---|
เบื้องหน้า | เมื่อแอปพลิเคชันเปิดอยู่ อยู่ในมุมมอง และใช้งานอยู่ |
ความเป็นมา | เมื่อแอปพลิเคชันเปิดอยู่ ทำงานอยู่เบื้องหลัง (ย่อเล็กสุด) กรณีนี้มักเกิดขึ้นเมื่อผู้ใช้กด "หน้าแรก" ปุ่ม บนอุปกรณ์ได้สลับไปยังแอปอื่นโดยใช้ตัวสลับแอป หรือเปิดแอปพลิเคชันไว้ในแท็บอื่น (เว็บ) |
สิ้นสุดการใช้งาน | เมื่ออุปกรณ์ล็อกอยู่หรือแอปพลิเคชันไม่ทำงาน |
โดยมีเงื่อนไขล่วงหน้า 2-3 ข้อที่ต้องปฏิบัติตามก่อนจึงจะสมัครได้ รับเปย์โหลดของข้อความผ่าน FCM:
- ต้องมีการเปิดแอปพลิเคชันอย่างน้อย 1 ครั้ง (เพื่อให้ลงทะเบียนกับ FCM)
- ใน iOS หากผู้ใช้เลื่อนแอปพลิเคชันออกจากตัวสลับแอป จะต้องมีการเปิดแอปพลิเคชันอีกครั้งด้วยตนเองเพื่อให้ข้อความในเบื้องหลังเริ่มทำงานได้อีกครั้ง
- ใน Android หากผู้ใช้บังคับออกจากการตั้งค่าอุปกรณ์ จะต้องมีการเปิดอีกครั้งด้วยตนเองเพื่อให้ข้อความเริ่มทำงานได้
- บนเว็บ คุณต้องขอโทเค็น (โดยใช้
getToken()
) กับใบรับรองข้อความพุชจากเว็บ
ขอสิทธิ์รับข้อความ
ใน iOS, macOS, เว็บ และ Android 13 (หรือใหม่กว่า) ก่อนที่จะมีเพย์โหลด FCM ได้ ที่ได้รับบนอุปกรณ์ของคุณ คุณจะต้องขออนุญาตจากผู้ใช้ก่อน
แพ็กเกจ firebase_messaging
มี API แบบง่ายสำหรับการขอสิทธิ์ผ่านเมธอด requestPermission
API นี้ยอมรับอาร์กิวเมนต์ที่มีชื่อจำนวนหนึ่ง ซึ่งจะกำหนดประเภทสิทธิ์ที่คุณต้องการส่งคำขอ เช่น
การรับส่งข้อความที่มีเพย์โหลดการแจ้งเตือนจะทำให้เกิดเสียงหรืออ่านออกเสียงข้อความผ่าน Siri โดยค่าเริ่มต้น
เมธอดจะขอสิทธิ์เริ่มต้นที่เหมาะสม API อ้างอิงมีเอกสารฉบับเต็มเกี่ยวกับสิทธิ์แต่ละรายการ
หากต้องการเริ่มต้นใช้งาน ให้เรียกใช้เมธอดจากแอปพลิเคชันของคุณ (บน iOS โมดัลดั้งเดิมจะแสดงบนเว็บ ระบบจะทริกเกอร์โฟลว์ API ดั้งเดิมของเบราว์เซอร์) ดังนี้
FirebaseMessaging messaging = FirebaseMessaging.instance;
NotificationSettings settings = await messaging.requestPermission(
alert: true,
announcement: false,
badge: true,
carPlay: false,
criticalAlert: false,
provisional: false,
sound: true,
);
print('User granted permission: ${settings.authorizationStatus}');
พร็อพเพอร์ตี้ authorizationStatus
ของออบเจ็กต์ NotificationSettings
ที่แสดงผลจาก
คำขอนั้นสามารถใช้เพื่อกำหนดการตัดสินใจโดยรวมของผู้ใช้:
authorized
: ผู้ใช้ให้สิทธิ์denied
: ผู้ใช้ปฏิเสธการให้สิทธิ์notDetermined
: ผู้ใช้ยังไม่ได้เลือกว่าจะให้สิทธิ์หรือไม่provisional
: ผู้ใช้ให้สิทธิ์ชั่วคราว
พร็อพเพอร์ตี้อื่นๆ ใน NotificationSettings
จะแสดงผลว่ามีการเปิดใช้ ปิดใช้ หรือไม่รองรับสิทธิ์หนึ่งๆ ในรายการปัจจุบัน
อุปกรณ์
เมื่อให้สิทธิ์และเข้าใจสถานะอุปกรณ์ประเภทต่างๆ แล้ว แอปพลิเคชันจะเริ่มจัดการข้อมูลขาเข้า เพย์โหลด FCM
การจัดการข้อความ
เพย์โหลดขาเข้าที่แตกต่างกัน ขึ้นอยู่กับสถานะปัจจุบันของแอปพลิเคชัน ประเภทข้อความ ซึ่งต้องใช้การติดตั้งใช้งานที่แตกต่างกันเพื่อจัดการกับปัญหา ดังนี้
ข้อความเบื้องหน้า
หากต้องการจัดการข้อความขณะที่แอปพลิเคชันทำงานอยู่เบื้องหน้า ให้ฟังสตรีม onMessage
FirebaseMessaging.onMessage.listen((RemoteMessage message) {
print('Got a message whilst in the foreground!');
print('Message data: ${message.data}');
if (message.notification != null) {
print('Message also contained a notification: ${message.notification}');
}
});
สตรีมมี RemoteMessage
โดยระบุรายละเอียด
ข้อมูลต่างๆ เกี่ยวกับเพย์โหลด เช่น ข้อมูลมาจากไหน รหัสที่ไม่ซ้ำกัน เวลาที่ส่ง ไม่ว่าจะมี
การแจ้งเตือน และอื่นๆ เนื่องจากคุณจะเรียกข้อมูลข้อความขณะที่แอปพลิเคชันทำงานอยู่เบื้องหน้า คุณจึงเข้าถึง Flutter ได้โดยตรง
สถานะและบริบทของแอปพลิเคชัน
ข้อความที่ทำงานอยู่เบื้องหน้าและข้อความแจ้งเตือน
ข้อความแจ้งเตือนที่มาถึงขณะที่แอปพลิเคชันทำงานอยู่เบื้องหน้าจะไม่แสดงการแจ้งเตือนที่มองเห็นได้โดยค่าเริ่มต้นในทั้ง 2 ตำแหน่ง Android และ iOS อย่างไรก็ตาม คุณสามารถเปลี่ยนการทำงานนี้ได้
- ใน Android คุณต้องสร้าง "ลำดับความสำคัญสูง" ช่องทางการแจ้งเตือน
- ใน iOS คุณสามารถอัปเดตตัวเลือกการนำเสนอสำหรับแอปพลิเคชันได้
ข้อความพื้นหลัง
กระบวนการจัดการข้อความพื้นหลังจะแตกต่างจากโฆษณาเนทีฟ (Android และ Apple) และแพลตฟอร์มบนเว็บ
แพลตฟอร์ม Apple และ Android
จัดการข้อความเบื้องหลังโดยการลงทะเบียนเครื่องจัดการ onBackgroundMessage
เมื่อได้รับข้อความ
สร้าง Is ขึ้นมา (Android เท่านั้น, iOS/macOS ไม่ต้องมี Isolated แยกต่างหาก) ทำให้คุณสามารถจัดการกับข้อความได้แม้ว่าแอปพลิเคชันจะไม่ได้ทำงานอยู่ก็ตาม
สิ่งที่ควรทราบเกี่ยวกับเครื่องจัดการข้อความในเบื้องหลังมีดังนี้
- และต้องไม่ใช่ฟังก์ชันที่ไม่ระบุชื่อ
- โดยต้องเป็นฟังก์ชันระดับบนสุด (เช่น ไม่ใช่เมธอดคลาสที่ต้องมีการเริ่มต้น)
- เมื่อใช้ Flutter เวอร์ชัน 3.3.0 ขึ้นไป เครื่องจัดการข้อความจะต้องใส่คำอธิบายประกอบด้วย
@pragma('vm:entry-point')
เหนือการประกาศฟังก์ชัน (มิฉะนั้นอาจถูกนำออกระหว่างการสั่นของต้นไม้ในโหมดปล่อย)
@pragma('vm:entry-point')
Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
// If you're going to use other Firebase services in the background, such as Firestore,
// make sure you call `initializeApp` before using other Firebase services.
await Firebase.initializeApp();
print("Handling a background message: ${message.messageId}");
}
void main() {
FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
runApp(MyApp());
}
เนื่องจากตัวจัดการจะทำงานโดยแยกออกไปนอกบริบทแอปพลิเคชันของคุณ จึงไม่สามารถอัปเดตได้ สถานะของแอปพลิเคชันหรือเรียกใช้ UI ใดๆ ที่มีผลต่อตรรกะ แต่คุณสามารถดำเนินการตรรกะ เช่น คำขอ HTTP เพื่อดำเนินการ IO (เช่น อัปเดตพื้นที่เก็บข้อมูลในเครื่อง) สื่อสารกับปลั๊กอินอื่นๆ เป็นต้น
นอกจากนี้ ขอแนะนำให้เขียนตรรกะของคุณให้สมบูรณ์โดยเร็วที่สุด การทำงานหนักและใช้เวลานานจะส่งผลต่อประสิทธิภาพของอุปกรณ์ และอาจทำให้ระบบปฏิบัติการยุติกระบวนการ หากงานเกิดขึ้นนานกว่า 30 วินาที อุปกรณ์อาจหยุดการทำงานของกระบวนการดังกล่าวโดยอัตโนมัติ
เว็บ
เขียน Service Worker บนเว็บซึ่งทำงานในเบื้องหลัง ใช้ Service Worker เพื่อจัดการข้อความพื้นหลัง
หากต้องการเริ่มต้นใช้งาน ให้สร้างไฟล์ใหม่ในไดเรกทอรี web
และตั้งชื่อว่า firebase-messaging-sw.js
:
// Please see this file for the latest firebase-js-sdk version:
// https://github.com/firebase/flutterfire/blob/master/packages/firebase_core/firebase_core_web/lib/src/firebase_sdk_version.dart
importScripts("https://www.gstatic.com/firebasejs/10.7.0/firebase-app-compat.js");
importScripts("https://www.gstatic.com/firebasejs/10.7.0/firebase-messaging-compat.js");
firebase.initializeApp({
apiKey: "...",
authDomain: "...",
databaseURL: "...",
projectId: "...",
storageBucket: "...",
messagingSenderId: "...",
appId: "...",
});
const messaging = firebase.messaging();
// Optional:
messaging.onBackgroundMessage((message) => {
console.log("onBackgroundMessage", message);
});
ไฟล์ต้องนำเข้าทั้ง SDK ของแอปและการรับส่งข้อความ จากนั้นเริ่มต้น Firebase และแสดงตัวแปร messaging
จากนั้น ผู้ปฏิบัติงานจะต้องลงทะเบียน ภายในไฟล์ index.html
ให้ลงทะเบียนผู้ปฏิบัติงานโดยแก้ไขแท็ก <script>
ซึ่งจะเปิดเครื่อง Flutter ดังนี้
<script src="flutter_bootstrap.js" async>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('firebase-messaging-sw.js', {
scope: '/firebase-cloud-messaging-push-scope',
});
});
}
</script>
หากคุณยังใช้ระบบเทมเพลตแบบเก่าอยู่ คุณสามารถลงทะเบียนผู้ปฏิบัติงานโดยแก้ไขแท็ก <script>
ซึ่งบูตสแตรป Flutter ดังนี้
<html>
<body>
<script>
var serviceWorkerVersion = null;
var scriptLoaded = false;
function loadMainDartJs() {
if (scriptLoaded) {
return;
}
scriptLoaded = true;
var scriptTag = document.createElement('script');
scriptTag.src = 'main.dart.js';
scriptTag.type = 'application/javascript';
document.body.append(scriptTag);
}
if ('serviceWorker' in navigator) {
// Service workers are supported. Use them.
window.addEventListener('load', function () {
// Register Firebase Messaging service worker.
navigator.serviceWorker.register('firebase-messaging-sw.js', {
scope: '/firebase-cloud-messaging-push-scope',
});
// Wait for registration to finish before dropping the <script> tag.
// Otherwise, the browser will load the script multiple times,
// potentially different versions.
var serviceWorkerUrl =
'flutter_service_worker.js?v=' + serviceWorkerVersion;
navigator.serviceWorker.register(serviceWorkerUrl).then((reg) => {
function waitForActivation(serviceWorker) {
serviceWorker.addEventListener('statechange', () => {
if (serviceWorker.state == 'activated') {
console.log('Installed new service worker.');
loadMainDartJs();
}
});
}
if (!reg.active && (reg.installing || reg.waiting)) {
// No active web worker and we have installed or are installing
// one for the first time. Simply wait for it to activate.
waitForActivation(reg.installing ?? reg.waiting);
} else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
// When the app updates the serviceWorkerVersion changes, so we
// need to ask the service worker to update.
console.log('New service worker available.');
reg.update();
waitForActivation(reg.installing);
} else {
// Existing service worker is still good.
console.log('Loading app from service worker.');
loadMainDartJs();
}
});
// If service worker doesn't succeed in a reasonable amount of time,
// fallback to plaint <script> tag.
setTimeout(() => {
if (!scriptLoaded) {
console.warn(
'Failed to load app from service worker. Falling back to plain <script> tag.'
);
loadMainDartJs();
}
}, 4000);
});
} else {
// Service workers not supported. Just drop the <script> tag.
loadMainDartJs();
}
</script>
</body>
จากนั้นให้รีสตาร์ทแอปพลิเคชัน Flutter ผู้ปฏิบัติงานจะได้รับการลงทะเบียนและข้อความพื้นหลังจะได้รับการจัดการผ่านไฟล์นี้
การจัดการการโต้ตอบ
เนื่องจากการแจ้งเตือนเป็นสิ่งที่มองเห็นได้ จึงเป็นเรื่องปกติที่ผู้ใช้จะโต้ตอบกับการแจ้งเตือน (ด้วยการกด) ลักษณะการทำงานเริ่มต้นทั้งใน Android และ iOS คือการเปิด แอปพลิเคชัน หากแอปพลิเคชันสิ้นสุดลง จะเป็นการเริ่มต้น หากอยู่ในพื้นหลัง
คุณอาจต้องจัดการกับการโต้ตอบของผู้ใช้เมื่อแอปพลิเคชันเปิดขึ้น ทั้งนี้ขึ้นอยู่กับเนื้อหาของการแจ้งเตือน ตัวอย่างเช่น หากมีการส่งข้อความแชทใหม่ผ่าน และผู้ใช้กดปุ่มนั้น คุณอาจต้องการเปิดการสนทนานั้นๆ เมื่อแอปพลิเคชันเปิดขึ้น
แพ็กเกจ firebase-messaging
มี 2 วิธีในการจัดการการโต้ตอบนี้ ได้แก่
getInitialMessage()
: หากแอปพลิเคชันเปิดจากสถานะสิ้นสุด ระบบจะแสดงผลFuture
ที่มีRemoteMessage
เมื่อใช้แล้ว ระบบจะนำRemoteMessage
ออกonMessageOpenedApp
:Stream
ที่โพสต์RemoteMessage
เมื่อแอปพลิเคชันเปิดขึ้นจากสถานะเบื้องหลัง
เราขอแนะนำให้จัดการทั้ง 2 สถานการณ์เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ราบรื่น โค้ดตัวอย่างด้านล่างจะสรุปวิธีดำเนินการ
class Application extends StatefulWidget {
@override
State<StatefulWidget> createState() => _Application();
}
class _Application extends State<Application> {
// It is assumed that all messages contain a data field with the key 'type'
Future<void> setupInteractedMessage() async {
// Get any messages which caused the application to open from
// a terminated state.
RemoteMessage? initialMessage =
await FirebaseMessaging.instance.getInitialMessage();
// If the message also contains a data property with a "type" of "chat",
// navigate to a chat screen
if (initialMessage != null) {
_handleMessage(initialMessage);
}
// Also handle any interaction when the app is in the background via a
// Stream listener
FirebaseMessaging.onMessageOpenedApp.listen(_handleMessage);
}
void _handleMessage(RemoteMessage message) {
if (message.data['type'] == 'chat') {
Navigator.pushNamed(context, '/chat',
arguments: ChatArguments(message),
);
}
}
@override
void initState() {
super.initState();
// Run code required to handle interacted messages in an async function
// as initState() must not be async
setupInteractedMessage();
}
@override
Widget build(BuildContext context) {
return Text("...");
}
}
วิธีที่คุณใช้จัดการการโต้ตอบจะขึ้นอยู่กับการตั้งค่าแอปพลิเคชันของคุณ ตัวอย่างด้านบนคือภาพประกอบพื้นฐานที่ใช้ StatefulWidget
แปลข้อความ
คุณส่งสตริงที่แปลแล้วได้ 2 วิธีดังนี้
- จัดเก็บภาษาที่ต้องการของผู้ใช้แต่ละคนในเซิร์ฟเวอร์ และส่งการแจ้งเตือนที่กำหนดเองสำหรับแต่ละภาษา
- ฝังสตริงที่แปลแล้วในแอปของคุณและใช้ประโยชน์จากการตั้งค่าภาษาดั้งเดิมของระบบปฏิบัติการ
ต่อไปนี้เป็นวิธีใช้วิธีที่ 2
Android
ระบุข้อความภาษาเริ่มต้นของคุณใน
resources/values/strings.xml
:<string name="notification_title">Hello world</string> <string name="notification_message">This is a message</string>
ระบุข้อความที่แปลแล้วในไดเรกทอรี
values-language
ตัวอย่างเช่น ระบุข้อความภาษาฝรั่งเศสในresources/values-fr/strings.xml
ดังนี้<string name="notification_title">Bonjour le monde</string> <string name="notification_message">C'est un message</string>
ในเพย์โหลดของเซิร์ฟเวอร์ ให้ใช้
title_loc_key
และbody_loc_key
สำหรับข้อความที่แปลแล้ว แทนการใช้คีย์title
,message
และbody
แล้วตั้งค่าเป็นแอตทริบิวต์name
ของข้อความที่ต้องการแสดงเพย์โหลดข้อความจะมีลักษณะดังนี้
{ "data": { "title_loc_key": "notification_title", "body_loc_key": "notification_message" } }
iOS
ระบุข้อความภาษาเริ่มต้นของคุณใน
Base.lproj/Localizable.strings
:"NOTIFICATION_TITLE" = "Hello World"; "NOTIFICATION_MESSAGE" = "This is a message";
ระบุข้อความที่แปลแล้วในไดเรกทอรี
language.lproj
ตัวอย่างเช่น ระบุข้อความภาษาฝรั่งเศสในfr.lproj/Localizable.strings
ดังนี้"NOTIFICATION_TITLE" = "Bonjour le monde"; "NOTIFICATION_MESSAGE" = "C'est un message";
เพย์โหลดข้อความจะมีลักษณะดังนี้
{ "data": { "title_loc_key": "NOTIFICATION_TITLE", "body_loc_key": "NOTIFICATION_MESSAGE" } }
เปิดใช้การส่งออกข้อมูลการส่งข้อความ
คุณสามารถส่งออกข้อมูลข้อความไปยัง BigQuery เพื่อวิเคราะห์เพิ่มเติมได้ BigQuery ช่วยให้คุณวิเคราะห์ข้อมูลโดยใช้ BigQuery SQL ส่งออกไปยังผู้ให้บริการคลาวด์รายอื่น หรือใช้ข้อมูลสำหรับโมเดล ML ที่กำหนดเอง การส่งออกไปยัง BigQuery ประกอบด้วยข้อมูลที่มีอยู่ทั้งหมดสำหรับข้อความ ไม่ว่าจะเป็นประเภทข้อความหรือการส่งข้อความผ่าน API หรือการเขียนการแจ้งเตือน
หากต้องการเปิดใช้การส่งออก ให้ทำตามขั้นตอนที่อธิบายไว้ที่นี่ก่อน จากนั้นให้ทำตามวิธีการต่อไปนี้
Android
คุณใช้รหัสต่อไปนี้ได้
await FirebaseMessaging.instance.setDeliveryMetricsExportToBigQuery(true);
iOS
สำหรับ iOS คุณต้องเปลี่ยน AppDelegate.m
ด้วยเนื้อหาต่อไปนี้
#import "AppDelegate.h"
#import "GeneratedPluginRegistrant.h"
#import <Firebase/Firebase.h>
@implementation AppDelegate
- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
[GeneratedPluginRegistrant registerWithRegistry:self];
// Override point for customization after application launch.
return [super application:application didFinishLaunchingWithOptions:launchOptions];
}
- (void)application:(UIApplication *)application
didReceiveRemoteNotification:(NSDictionary *)userInfo
fetchCompletionHandler:(void (^)(UIBackgroundFetchResult))completionHandler {
[[FIRMessaging extensionHelper] exportDeliveryMetricsToBigQueryWithMessageInfo:userInfo];
}
@end
เว็บ
สำหรับเว็บ คุณต้องเปลี่ยน Service Worker เพื่อใช้ SDK เวอร์ชัน v9
เวอร์ชัน v9 จะต้องรวมอยู่ในแพ็กเกจด้วย เช่น คุณต้องใช้ Bundler เช่น esbuild
เพื่อให้ Service Worker ทำงานได้
ดูตัวอย่างแอปเพื่อดูวิธีดำเนินการ
เมื่อย้ายข้อมูลไปยัง SDK เวอร์ชัน 9 แล้ว คุณสามารถใช้โค้ดต่อไปนี้
import {
experimentalSetDeliveryMetricsExportedToBigQueryEnabled,
getMessaging,
} from 'firebase/messaging/sw';
...
const messaging = getMessaging(app);
experimentalSetDeliveryMetricsExportedToBigQueryEnabled(messaging, true);
อย่าลืมเรียกใช้ yarn build
เพื่อส่งออก Service Worker เวอร์ชันใหม่ไปยังโฟลเดอร์ web
แสดงรูปภาพในการแจ้งเตือนบน iOS
ในอุปกรณ์ Apple หากต้องการให้การแจ้งเตือน FCM ขาเข้าแสดงรูปภาพจากเพย์โหลด FCM คุณต้องเพิ่มส่วนขยายบริการการแจ้งเตือนเพิ่มเติมและกำหนดค่าแอปให้ใช้ส่วนขยายดังกล่าว
หากใช้การตรวจสอบสิทธิ์โทรศัพท์ของ Firebase คุณต้องเพิ่มพ็อดการตรวจสอบสิทธิ์ Firebase ลงใน Podfile
ขั้นตอนที่ 1 - เพิ่มส่วนขยายบริการการแจ้งเตือน
- ใน Xcode ให้คลิก File > ใหม่ > กำหนดเป้าหมาย...
- โมดัลจะแสดงรายการเป้าหมายที่เป็นไปได้ เลื่อนลงหรือใช้ตัวกรองเพื่อเลือกส่วนขยายบริการการแจ้งเตือน คลิกถัดไป
- เพิ่มชื่อผลิตภัณฑ์ (ใช้ "ImageNotification" ควบคู่ไปกับบทแนะนำนี้) ตั้งค่าภาษาเป็น Objective-C แล้วคลิกเสร็จสิ้น
- เปิดใช้รูปแบบโดยคลิกเปิดใช้งาน
ขั้นตอนที่ 2 - เพิ่มเป้าหมายไปยัง Podfile
ตรวจสอบว่าส่วนขยายใหม่ของคุณมีสิทธิ์เข้าถึงพ็อด Firebase/Messaging
โดยการเพิ่มใน Podfile:
จาก Navigator ให้เปิด Podfile: Pods > Podfile
เลื่อนลงไปที่ด้านล่างของไฟล์แล้วเพิ่มรายการต่อไปนี้
target 'ImageNotification' do use_frameworks! pod 'Firebase/Auth' # Add this line if you are using FirebaseAuth phone authentication pod 'Firebase/Messaging' end
ติดตั้งหรืออัปเดตพ็อดโดยใช้
pod install
จากไดเรกทอรีios
หรือmacos
ขั้นตอนที่ 3 - ใช้โปรแกรมช่วยเหลือส่วนขยาย
ณ จุดนี้ ทุกอย่างควรทำงานได้ตามปกติ ขั้นตอนสุดท้ายคือการเรียกใช้ตัวช่วยส่วนขยาย
จากตัวนำทาง ให้เลือกส่วนขยาย ImageNotification ของคุณ
เปิดไฟล์
NotificationService.m
ที่ด้านบนของไฟล์ ให้นำเข้า
FirebaseMessaging.h
ต่อจากNotificationService.h
ดังที่แสดงด้านล่างแทนที่เนื้อหาของ
NotificationService.m
ด้วย:#import "NotificationService.h" #import "FirebaseMessaging.h" #import "FirebaseAuth.h" // Add this line if you are using FirebaseAuth phone authentication #import <UIKit/UIKit.h> // Add this line if you are using FirebaseAuth phone authentication @interface NotificationService () @property (nonatomic, strong) void (^contentHandler)(UNNotificationContent *contentToDeliver); @property (nonatomic, strong) UNMutableNotificationContent *bestAttemptContent; @end @implementation NotificationService /* Uncomment this if you are using Firebase Auth - (BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey, id> *)options { if ([[FIRAuth auth] canHandleURL:url]) { return YES; } return NO; } - (void)scene:(UIScene *)scene openURLContexts:(NSSet<UIOpenURLContext *> *)URLContexts { for (UIOpenURLContext *urlContext in URLContexts) { [FIRAuth.auth canHandleURL:urlContext.URL]; } } */ - (void)didReceiveNotificationRequest:(UNNotificationRequest *)request withContentHandler:(void (^)(UNNotificationContent * _Nonnull))contentHandler { self.contentHandler = contentHandler; self.bestAttemptContent = [request.content mutableCopy]; // Modify the notification content here... [[FIRMessaging extensionHelper] populateNotificationContent:self.bestAttemptContent withContentHandler:contentHandler]; } - (void)serviceExtensionTimeWillExpire { // Called just before the extension will be terminated by the system. // Use this as an opportunity to deliver your "best attempt" at modified content, otherwise the original push payload will be used. self.contentHandler(self.bestAttemptContent); } @end
ขั้นตอนที่ 4 - เพิ่มรูปภาพลงในเพย์โหลด
ตอนนี้คุณเพิ่มรูปภาพในเพย์โหลดการแจ้งเตือนได้แล้ว โปรดดูเอกสารประกอบของ iOS เกี่ยวกับวิธีสร้างคำขอส่ง โปรดทราบว่าอุปกรณ์บังคับใช้ขนาดรูปภาพสูงสุด 300 KB