# Push-уведомления с каруселью изображений для iOS

Протокол `UNNotificationContentExtension` предоставляет точку входа для расширения контента уведомлений, которое отображает пользовательский интерфейс для уведомлений вашего приложения.

<video src="/ios-push-notifications-ios-image-carousel-push-notifications-1.webm" title="" autoplay loop muted playsinline />

## 1. Добавьте расширение контента уведомлений

В Xcode выберите File > New > Target...

<img src="/ios-push-notifications-ios-image-carousel-push-notifications-2.webp" alt=""/>

Выберите Notification Content Extension

<img src="/ios-push-notifications-ios-image-carousel-push-notifications-3.webp" alt=""/>

Назовите его **NotificationContentExtension**

<img src="/ios-push-notifications-ios-image-carousel-push-notifications-4.webp" alt=""/>

## 2. Добавьте код в ваше приложение

[Скачайте PWNotificationExtension с Github](https://github.com/Pushwoosh/PWNotificationContentExtension) и замените **`PWNotificationContentExtension`** в вашем Xcode-проекте на тот же файл с Github.

<img
  src="/ios-push-notifications-ios-image-carousel-push-notifications-5.webp"
  alt=""
  style={{ display: "block", margin: "0 auto", maxWidth: "40%", height: "auto" }}
  width="400"
/>

## 3. Категория уведомлений

Добавьте приведенный ниже код в ваш файл **AppDelegate.swift**

```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. Отправьте push-уведомление

**Категория iOS:**

Отправьте push-уведомление с APS json:

<img src="/ios-push-notifications-ios-image-carousel-push-notifications-6.webp" alt="APS JSON"/>

```json
{
  "aps":{
           "category":"PWNotificationCarousel"
        }
}
```

**Пользовательские данные (Custom Data)**

Вы должны перечислить URL-адреса изображений, разделяя их запятой `,`

<img src="/ios-push-notifications-ios-image-carousel-push-notifications-7.webp" alt="Пример"/>

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


После получения push-уведомления вам нужно будет сделать долгое нажатие или смахнуть влево и нажать «Просмотреть» (View), чтобы развернуть уведомление, в зависимости от версии iOS.