Aggiunta di immagini e video iOS image-push

NOTE
Questo documento si applica solo al dispositivo iOS.

In questo documento, scopri come visualizzare un’immagine da una notifica push di Adobe Campaign Standard iOS.

Passaggio 1: configurare la notifica push set-up-push

La notifica push è supportata dagli SDK Experienci Platform.

Le app mobili che ricevono notifiche push devono essere configurate da un amministratore nell’interfaccia di Adobe Campaign.

Configurando sia Adobe Campaign che Adobe Mobile Services, potrai utilizzare i dati dell’app mobile per le tue campagne. Per ulteriori informazioni, consulta questa pagina.

Per inviare notifiche push con un’applicazione SDK Experience Cloud, è necessario configurare un’app mobile nell’interfaccia utente di Data Collection e configurarla all’interno di Adobe Campaign. Per ulteriori informazioni, consulta questa pagina.

Passaggio 2: personalizzare la notifica push in Adobe Campaign customize-push

Per ottimizzare la notifica push, Adobe Campaign ti consente di accedere a un set di opzioni avanzate durante la progettazione di una notifica push.

  1. Creare una notifica push. Per ulteriori informazioni, consulta questa pagina.

  2. Dalla pagina del contenuto della notifica push, accedi al Advanced options sezione.

  3. Inserisci l’URL del file in Rich media content URL campo.
    Per iOS 10 o versioni successive, puoi inserire file immagine, gif, audio e video.

  4. Visualizza l’anteprima e salva la notifica push.

Passaggio 3: adattare il codice dell’applicazione mobile mobile-app-code

Dopo aver personalizzato la notifica push in Adobe Campaign, devi configurare l’app mobile per visualizzare l’immagine sui dispositivi.

NOTE
Se l'applicazione è in Objective-C, fare riferimento a quanto segue documentazione.

Se l’app si trova in Swift, effettua le seguenti operazioni:

  1. Apri il Xcode progetto.

  2. Nel tuo Xcode progetto, seleziona File > New > Target.

  3. Seleziona Notification Service Extension.

  4. Verifica che la NotificationService.swift viene creata la classe file.

  5. Modifica questa classe e sostituisci il contenuto predefinito con quanto segue.
    Questo consente all’applicazione di gestire il parametro in ingresso con l’URL dell’immagine, analizzarlo, copiarlo localmente e quindi visualizzarlo dalla notifica push.

    code language-none
    import UserNotifications
    
    class NotificationService: UNNotificationServiceExtension {
    
    var contentHandler: ((UNNotificationContent) -> Void)?
    var bestAttemptContent: UNMutableNotificationContent?
    
    override func didReceive(_ request: UNNotificationRequest, withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void) {
        self.contentHandler = contentHandler
        bestAttemptContent = (request.content.mutableCopy() as? UNMutableNotificationContent)
    
        if let bestAttemptContent = bestAttemptContent {
            var urlString:String? = nil
            if let urlImageString = request.content.userInfo["media-attachment-url"] as? String {
                urlString = urlImageString
            }
    
            if urlString != nil, let fileUrl = URL(string: urlString!) {
                print("fileUrl: \(fileUrl)")
    
                // Download the attachment
                URLSession.shared.downloadTask(with: fileUrl) { (location, response, error) in
                    if let location = location {
                        // Move temporary file to remove .tmp extension
                        if (error == nil) {
                            let tmpDirectory = NSTemporaryDirectory()
                            let tmpFile = "file://".appending(tmpDirectory).appending(fileUrl.lastPathComponent)
                            let tmpUrl = URL(string: tmpFile)!
                            try! FileManager.default.moveItem(at: location, to: tmpUrl)
    
                            // Add the attachment to the notification content
                            if let attachment = try? UNNotificationAttachment(identifier: fileUrl.lastPathComponent, url: tmpUrl) {
                                bestAttemptContent.attachments = [attachment]
                                }
                        }
                        if(error != nil) {
                            print("Failed to download attachment: \(error.debugDescription)")
                        }
                    }
                    // Serve the notification content
                    contentHandler(bestAttemptContent)
                }.resume()
            }
        }
    }
    
    override func 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.
        if let contentHandler = contentHandler, let bestAttemptContent = bestAttemptContent {
            contentHandler(bestAttemptContent)
        }
    }
    
    }
    

Il dispositivo mobile deve ricevere il seguente payload mentre viene inviata la notifica.

L’URL dell’immagine è mappato con l’URL dell’allegato multimediale chiave. Questa è la coppia chiave/valore che devi gestire dal punto di vista del codice dell’applicazione per scaricare e visualizzare l’immagine.

userInfo: [AnyHashable("media-attachment-url"): https://pbs.twimg.com/profile_images/876737835314950144/zPTs9b7o.jpg, AnyHashable("_dId"): 1de3ef93, AnyHashable("_mId"): h280a5, AnyHashable("aps"): {

    alert =     {

        body = "Message Body here";

        title = "This a push from Campaign";

    };

    badge = 1;

    "mutable-content" = 1;

}]

Passaggio 4: testare l’invio del push test-send-push

Ora puoi testare la creazione dell’applicazione e la consegna creata nel passaggio 2 di cui sopra. Per ulteriori informazioni sulla preparazione e l’invio della notifica push, consulta questa pagina.

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff