New Notification API in iOS 10

Copyright © Up-frontier, Inc. All rights reserved.

New Notification API in iOS 10

1


アジェンダ• 新 API でローカル通知

• Media Attachment

• Notification Content Extension

• Notification Service Extension

2






3


ローカル通知⽅法1. コンテンツを作って

2. トリガーを設定して

3. センターにリクエスト

4





5


コンテンツlet content = UNMutableNotificationContent() content.title = "Title" content.subtitle = "Subtitle" content.body = "Body" content.categoryIdentifier = "sample-category"

6



7



8

Action や、カスタム UI など識別に使⽤





9


トリガーUNNotificationTrigger

10


トリガーUNNotificationTrigger

11

let intervalTrigger = UNTimeIntervalNotificationTrigger( timeInterval: 5, repeats: false)


リクエストlet id = "sample-\(Date().timeIntervalSince1970)"

let request = UNNotificationRequest( identifier: id, content: content, trigger: intervalTrigger

) center.add(request) { error in

if let error = error { print("Error on requesting notification: \(error)")

} print("Finish requesting notification: \(id)")

}

12







}

13

トリガのセット







}

14

identifier: 識別⼦、更新・削除に利⽤ contents: 通知本体

trigger: 発⽕タイミング







}

15

Notification Centerに追加で完了






16


Media Attachment

• 通知領域で様々なメディアファイルを表⽰する

17


メディア

18

画像jpg, png, gif

⾳声mp3, mp4

動画mp4, avi


メディア1. 通知内容を作って



19





20





21

ここで設定する


UNNotificationAttachment guard let imageURL = R.file.sampleJpg() else {

print("Could not instantiate file URL!”) return

} let content = defaultContent do {

let attachment = try UNNotificationAttachment( identifier: "sample-cat", url: imageURL, options: nil

) content.attachments = [attachment]

} catch(let error) { print("Could not instantiate attachment: \(error)")

}

22








}

23

画像の設定 UNNotificationAttachmentを使う








}

24

コンテンツに指定






25


Notification Content Extension

• オリジナルUIの通知を作成する

26


ターゲット• Notification Content Extension

27


カスタム UI• Storyboard を使って UI を構築

28


NotificationViewControllerclass NotificationViewController : UIViewController , UNNotificationContentExtension { @IBOutlet weak var mapView: MKMapView! override func viewDidLoad() { super.viewDidLoad() } func didReceive(_ notification: UNNotification) { let content = notification.request.content if let lat = content.userInfo["latitude"] as? Double, let lon = content.userInfo["longitude"] as? Double { putPin(into: CLLocationCoordinate2D(latitude: lat, longitude: lon)) } } }

29



30

MapViewを持った通知



31

通知が発⽕した時の処理



32

通知が発⽕した時の処理

通知内容を反映


Info.plist

<dict> <key>NSExtensionAttributes</key> <dict> <key>UNNotificationExtensionCategory</key> <array> <string>customUI</string>

</array> <key>UNNotificationExtensionInitialContentSizeRatio</key> <real>1</real> <key>UNNotificationExtensionDefaultContentHidden</key> <true/>

</dict> <key>NSExtensionMainStoryboard</key> <string>MainInterface</string> <key>NSExtensionPointIdentifier</key> <string>com.apple.usernotifications.content-extension</string>

</dict> 33


Info.plist




</dict> 34

categoryIdentifierと⼀致している必要あり


Info.plist




</dict> 35

UIの縦横⽐


Info.plist




</dict> 36

デフォルトのタイトル、サブタイトル、コンテンツ






37


Notification Service Extension

• オリジナルUIの通知を作成する

38


ターゲット• Notification Service Extension

39


NotificationServiceclass 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 {

// Modify the notification content here... bestAttemptContent.title = "\(bestAttemptContent.title) [modified]" contentHandler(bestAttemptContent) } } 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 {

bestAttemptContent.title = "\(bestAttemptContent.title) [Time Expired]" contentHandler(bestAttemptContent) } } }

40







41

通知内容を編集







42

処理が既定秒数（MAX30秒）を超えると呼ばれる







43

サーバからのリモートプッシュを変更する場合 mutable-contetの設定忘れないように







44

処理が終わったら速やかに呼ぶ


ありそうな使い⽅• ペイロードにサーバにあるメディアの URL

• ダウンロードして


45


リモートコンテンツ貼り付け

if let bestAttemptContent = bestAttemptContent { guard let urlString = bestAttemptContent.userInfo["remote-url"] as? String, let remoteURL = URL(string: urlString) else { contentHandler(bestAttemptContent) return } download(remoteURL) { url, error in guard let fileURL = url else { print(error) contentHandler(bestAttemptContent) return } do { let attachment = try UNNotificationAttachment( identifier: "remote", url: fileURL ) bestAttemptContent.attachments = [attachment] contentHandler(bestAttemptContent) } catch(let e) { print(e) contentHandler(bestAttemptContent) } } }

46


リモートコンテンツ貼り付け

if let bestAttemptContent = bestAttemptContent { guard let urlString = bestAttemptContent.userInfo["remote-url"] as? String, let remoteURL = URL(string: urlString) else { contentHandler(bestAttemptContent) return } download(remoteURL) { url, error in guard let fileURL = url else { print(error) contentHandler(bestAttemptContent) return } do { let attachment = try UNNotificationAttachment( identifier: "remote", url: fileURL ) bestAttemptContent.attachments = [attachment] contentHandler(bestAttemptContent) } catch(let e) { print(e) contentHandler(bestAttemptContent) } } }

47

画像のダウンロード 30秒超えるかも


serviceExtensionTimeWillExpireoverride func serviceExtensionTimeWillExpire() { if let contentHandler = contentHandler, let bestAttemptContent = bestAttemptContent { bestAttemptContent.title += " [頑張ったけれどダメだったよ]" contentHandler(bestAttemptContent) } }

48


serviceExtensionTimeWillExpireoverride func serviceExtensionTimeWillExpire() { if let contentHandler = contentHandler, let bestAttemptContent = bestAttemptContent { bestAttemptContent.title += " [頑張ったけれどダメだったよ]" contentHandler(bestAttemptContent) } }

49

サーバからのリモートプッシュの内容を変更しない場合

もとのペイロードのまま表⽰されてしまうので注意


まとめ

• 新 API でローカル通知




50

New Notification API in iOS 10

Mobile