ios - 如何创建带有大图像的苹果推送通知横幅

Question

如何在 iOS 中创建带有应用程序图标和大图像的通知横幅

Answer 1

操作系统设置

<强>1。创建通知服务扩展

在您的项目中，您必须创建一个服务扩展。服务扩展允许修改通知以包含富媒体。要添加通知服务扩展，请单击文件 > 新建 > 目标，然后选择通知服务扩展。

<强>2。设置通知服务扩展

由于 Notification Service Extension 有自己的 bundle id，它必须设置有自己的 App ID 和配置文件。请通过 Apple Developer Service 验证。

<强>3。将以下代码添加到通知服务扩展

虽然您可以在 Notification Service Extension 中自由实现您自己的方法，但您需要确保您的代码能够正确处理使用 Leanplum 发送的媒体。 Leanplum Payload 中与富媒体关联的键是:LP_URL。

Swift代码-

class NotificationService: UNNotificationServiceExtension {

    var contentHandler: ((UNNotificationContent) -> Void)?
    var bestAttemptContent: UNMutableNotificationContent?

    override func didReceive(_ request: UNNotificationRequest, withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void) {
        let imageKey = "LP_URL"
        self.contentHandler = contentHandler
        bestAttemptContent = (request.content.mutableCopy() as? UNMutableNotificationContent)

        // MARK: - Leanplum Rich Push
        if let bestAttemptContent = bestAttemptContent {
            let userInfo = request.content.userInfo;

            // LP_URL is the key that is used from Leanplum to
            // send the image URL in the payload.
            //
            // If there is no LP_URL in the payload than
            // the code will still show the push notification.
            if userInfo[imageKey] == nil {
                contentHandler(bestAttemptContent);
                return;
            }

            // If there is an image in the payload,
            // download and display the image.
            if let attachmentMedia = userInfo[imageKey] as? String {
                let mediaUrl = URL(string: attachmentMedia)
                let LPSession = URLSession(configuration: .default)
                LPSession.downloadTask(with: mediaUrl!, completionHandler: { temporaryLocation, response, error in
                    if let err = error {
                        print("Leanplum: Error with downloading rich push: \(String(describing: err.localizedDescription))")
                        contentHandler(bestAttemptContent);
                        return;
                    }

                    let fileType = self.determineType(fileType: (response?.mimeType)!)
                    let fileName = temporaryLocation?.lastPathComponent.appending(fileType)

                    let temporaryDirectory = URL(fileURLWithPath: NSTemporaryDirectory()).appendingPathComponent(fileName!)

                    do {
                        try FileManager.default.moveItem(at: temporaryLocation!, to: temporaryDirectory)
                        let attachment = try UNNotificationAttachment(identifier: "", url: temporaryDirectory, options: nil)

                        bestAttemptContent.attachments = [attachment];
                        contentHandler(bestAttemptContent);
                        // The file should be removed automatically from temp
                        // Delete it manually if it is not
                        if FileManager.default.fileExists(atPath: temporaryDirectory.path) {
                            try FileManager.default.removeItem(at: temporaryDirectory)
                        }
                    } catch {
                        print("Leanplum: Error with the rich push attachment: \(error)")
                        contentHandler(bestAttemptContent);
                        return;
                    }
                }).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)
        }
    }

    // MARK: - Leanplum Rich Push
    func determineType(fileType: String) -> String {
        // Determines the file type of the attachment to append to URL.
        if fileType == "image/jpeg" {
            return ".jpg";
        }
        if fileType == "image/gif" {
            return ".gif";
        }
        if fileType == "image/png" {
            return ".png";
        } else {
            return ".tmp";
        }
    }

}

<强>4。更新 [didReceiveRemoteNotification请确保更新应用程序实例方法 didReceiveRemoteNotification，以便它执行富媒体的下载。请参阅下面的简单示例。

swift -

func application(_ application: UIApplication,
                         didReceiveRemoteNotification userInfo: [AnyHashable : Any],
                         fetchCompletionHandler completionHandler: @escaping (UIBackgroundFetchResult) -> Void) {
        completionHandler(.newData)
}

<强>5。从我们的仪表板创建丰富的推送实现上述代码后，您可以自由地从我们的仪表板创建丰富的推送通知。在发送给用户之前，请务必在已注册的测试设备上进行试用。

Set a dynamic image for Rich push messages (beta)

启用丰富推送测试版功能后，您可以使用 Jinja 语法设置丰富推送图像，该图像会根据触发的推送通知的参数值发生变化。

创建新的推送通知消息。

使用新语法 Jinja 设置图像的 URL 以包含您的参数。

https://myimages.com/destinations/cities/{{parameter['dest_code']}}.jpg

确保在参数名称周围使用方括号(参见上面的“dest_code”)。

3 。触发参数与您的图片 URL 匹配的事件的推送通知。

带参数的Android事件示例:

HashMap<String, Object> paramsFlight = new HashMap<String, Object>();
paramsFlight.put("dest_code", "Varna");
Leanplum.track("flight_search", paramsFlight);

带参数的 iOS 事件示例:

Leanplum.track("flight_search", withParameters: ["dest_code": "Varna"])

1. 在发送给用户之前在真实设备上测试您的新推送通知!

注意事项:

1. 如果图片不存在，推送时不带图片。图片已在应用上解析，因此仍会发送推送，但图片 URL 不会返回图片。

2. 如果事件中没有提供参数(本例中为“dest_code”)，则不会发送推送。未能为事件提供正确的参数将导致 Jinja 自定义失败，从而导致整个消息无法发送。