Aggiunta di immagini e video iOS

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

Passaggio 1: Configurare la notifica push

La notifica push è supportata dagli SDK per Experienci Platform.

Le applicazioni mobili che ricevono le 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 Experience Cloud SDK, devi configurare un’app mobile nell’interfaccia utente di raccolta dati e configurarla in Adobe Campaign. Per ulteriori informazioni, consulta questa pagina.

Passaggio 2: Personalizzare la notifica push in Adobe Campaign

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 alla Advanced options sezione .

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

   

4. Anteprima e salva la notifica push.

Passaggio 3: Adattamento del codice dell'applicazione mobile

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

Se l’app è in Swift, segui i passaggi seguenti:

1. Apri il tuo Xcode progetto.

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

3. Seleziona Notification Service Extension.

   

4. Controlla 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 entrata con l’URL dell’immagine, analizzarlo, copiarlo localmente e quindi visualizzarlo dalla notifica push.

   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 durante l’invio della notifica.

L'URL dell'immagine è mappato con media-attachment-url. Questa è la coppia chiave/valore che è necessario 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: Test dell’invio del push

Ora puoi testare la creazione dell’applicazione e la consegna creata al passaggio 2 precedente. Per ulteriori informazioni sulla preparazione e l’invio della notifica push, consulta questo page.

Risorse Business.Adobe.com