إشعارات الدفع الدوارة بالصور لنظام iOS

يوفر بروتوكول UNNotificationContentExtension نقطة الدخول لملحق تطبيق محتوى الإشعار، والذي يعرض واجهة مخصصة لإشعارات تطبيقك.

1. إضافة ملحق محتوى الإشعار (Notification Content Extension)

في Xcode، حدد File > New > Target…

اختر Notification Content Extension

قم بتسميته NotificationContentExtension

2. إضافة الكود إلى تطبيقك

قم بتنزيل PWNotificationExtension من Github واستبدل PWNotificationContentExtension في مشروع Xcode الخاص بك بنفس الملف من Github.

3. فئة الإشعار

أضف الكود أدناه إلى ملف AppDelegate.swift الخاص بك

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {

        if #available(iOS 10.0, *) {
            let options: UNAuthorizationOptions = [.alert]
            UNUserNotificationCenter.current().requestAuthorization(options: options) { (authorized, error) in
                if authorized {
                    let categoryIdentifier = "PWNotificationCarousel"
                    let carouselNext = UNNotificationAction(identifier: "PWNotificationCarousel.next", title: "➡️ RIGHT", options: [])
                    let carouselPrevious = UNNotificationAction(identifier: "PWNotificationCarousel.previous", title: "⬅️ LEFT", options: [])
                    let carouselCategory = UNNotificationCategory(identifier: categoryIdentifier, actions: [carouselNext, carouselPrevious], intentIdentifiers: [], options: [])
                    UNUserNotificationCenter.current().setNotificationCategories([carouselCategory])
                }
            }
        }

        return true
    }

4. إرسال إشعار دفع

فئة iOS:

أرسل إشعار دفع مع APS json:

{
  "aps":{
           "category":"PWNotificationCarousel"
        }
}

بيانات مخصصة (Custom Data)

يجب عليك إدراج عناوين URL للصور (Image URLs) مفصولة بفاصلة ,

{
  "images":"image1.jpg, image2.jpg, image3.jpg"
}

بمجرد استلام إشعار الدفع، ستحتاج إلى الضغط مطولاً أو السحب لليسار والنقر على “عرض” (View) لتوسيع الإشعار حسب إصدار iOS.