Passer au contenu

Intégration des notifications riches iOS

Depuis iOS 10, vous pouvez joindre une image statique ou animée, ou même une vidéo, aux notifications push. Celles-ci s’afficheront directement dans la notification lorsque l’utilisateur effectuera un appui forcé dessus.

L’activation de cette fonctionnalité est très simple et ne nécessite que très peu de code. Allons-y !

1. Création d’une extension de service de notification

Anchor link to

Créez d’abord une extension de service de notification (Notification Service Extension). Cette extension télécharge le contenu qui sera montré à l’utilisateur.

Ajoutez une nouvelle cible à votre projet (File -> New -> Target) et créez une Notification Service Extension.

Création d'une extension de service de notification

2. Code de l’extension de service de notification

Anchor link to

Le code télécharge la pièce jointe et appelle le gestionnaire de contenu de la notification.
Il vous suffit de le copier-coller dans votre extension.

import UserNotifications
import PushwooshFramework
class NotificationService: UNNotificationServiceExtension {
var contentHandler: ((UNNotificationContent) -> Void)?
var bestAttemptContent: UNMutableNotificationContent?
override func didReceive(_ request: UNNotificationRequest, withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void) {
PWNotificationExtensionManager.shared().handle(request, contentHandler: contentHandler)
}
}

3. Autoriser les URL de pièces jointes non sécurisées

Anchor link to

L’extension de service de notification est un binaire distinct et possède son propre fichier Info.plist.
Ajoutez les Paramètres de sécurité du transport de l’application (App Transport Security Settings) avec le drapeau Autoriser les chargements arbitraires (Allow Arbitrary Loads) défini sur true dans le fichier Info.plist de l’extension.

Info.plist:

<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>

4. Envoi d’une notification riche

Anchor link to

Pour envoyer une notification riche, spécifiez simplement l’URL du fichier dans le champ BANNER URL.

Et voilà ! Effectuez un appui forcé sur la notification et le tour est joué !

Exemple

Partagez vos commentaires avec nous

Anchor link to

Vos commentaires nous aident à créer une meilleure expérience, nous serions donc ravis de vous entendre si vous rencontrez des problèmes lors du processus d’intégration du SDK. Si vous rencontrez des difficultés, n’hésitez pas à nous faire part de vos réflexions via ce formulaire.