iOS 이미지 및 비디오 추가

노트

이 문서는 iOS 장치에만 적용됩니다.

이 문서에서는 Adobe Campaign Standard iOS 푸시 알림의 이미지를 표시하는 방법을 알아봅니다.

1단계: 푸시 알림 설정

푸시 알림은 Experience Platform SDK에서 지원됩니다.

푸시 알림을 받는 모바일 애플리케이션은 Adobe Campaign 인터페이스에서 관리자가 구성해야 합니다.

Adobe Campaign과 Adobe Mobile Services를 모두 구성하면 캠페인에 모바일 애플리케이션의 데이터를 사용할 수 있습니다. 자세한 정보는 이 페이지를 참조하십시오.

Experience Cloud SDK 애플리케이션을 통해 푸시 알림을 전송하려면 모바일 앱을 데이터 수집 UI에서 설정하고 Adobe Campaign에서 구성해야 합니다. 자세한 정보는 이 페이지를 참조하십시오.

2단계: Adobe Campaign에서 푸시 알림 사용자 정의

푸시 알림을 세밀하게 조정하기 위해 Adobe Campaign에서는 푸시 알림을 디자인하는 동안 고급 옵션 집합에 액세스할 수 있습니다.

  1. 푸시 알림 만들기. 자세한 정보는 이 페이지를 참조하십시오.

  2. 푸시 알림 콘텐츠 페이지에서 Advanced options 섹션을 참조하십시오.

  3. 파일의 URL을 Rich media content URL 필드.
    iOS 10 이상의 경우 이미지, gif, 오디오 및 비디오 파일을 삽입할 수 있습니다.

  4. 푸시 알림을 미리 보고 저장합니다.

3단계: 모바일 애플리케이션 코드 조정

Adobe Campaign에서 푸시 알림을 사용자 지정한 후 장치에 이미지를 표시하도록 모바일 애플리케이션을 구성해야 합니다.

노트

애플리케이션이 Objective-C에 있는 경우 다음을 참조하십시오 설명서.

앱이 인 경우 Swift, 아래 절차를 따르십시오.

  1. 다음 문서를 엽니다. Xcode 프로젝트.

  2. 사용자 Xcode 프로젝트, 선택 File > New > Target.

  3. Notification Service Extension​을(를) 선택합니다.

  4. 다음을 확인하십시오. NotificationService.swift 파일 클래스가 만들어집니다.

  5. 이 클래스를 편집하고 기본 콘텐츠를 다음과 같이 바꿉니다.
    이렇게 하면 응용 프로그램이 이미지 URL로 들어오는 매개 변수를 처리하고, 구문 분석하고, 로컬로 복사한 다음 푸시 알림에서 표시할 수 있습니다.

    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)
    }
}

}

알림이 전송되는 동안 모바일에서 다음 페이로드를 수신해야 합니다.

이미지 URL이 키 media-attachment-url과 함께 매핑됩니다. 이미지를 다운로드하고 표시하기 위해 애플리케이션 코드 관점에서 처리해야 하는 키/값 쌍입니다.

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;

}]

4단계: 푸시 보내기 테스트

이제 애플리케이션 빌드와 위의 2단계에서 만든 게재를 테스트할 수 있습니다. 푸시 알림 준비 및 전송에 대한 자세한 내용은 다음을 참조하십시오 페이지.

이 페이지에서는