New Notification API in iOS 10

Copyright © Up-frontier, Inc. All rights reserved.
New Notiﬁcation API 
in iOS 10
1

アジェンダ
• 新 API でローカル通知
• Media Attachment
• Notiﬁcation Content Extension
• Notiﬁcation 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

トリガー
UNNotiﬁcationTrigger
10

トリガー
UNNotiﬁcationTrigger
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

リクエスト
identifier: id,
content: content,
)
}
}
13
トリガのセット

リクエスト
identifier: id,
content: content,
)
}
}
14
identiﬁer: 識別⼦、更新・削除に利⽤
contents: 通知本体
trigger: 発⽕タイミング

リクエスト
identifier: id,
content: content,
)
}
}
15
Notiﬁcation Centerに追加で完了

アジェンダ
16

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

メディア
18
画像 
jpg, png, gif
⾳声 
mp3, mp4
動画 
mp4, avi

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

メディア
20

メディア
21
ここで設定する

UNNotiﬁcationAttachment
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

return
}
do {
url: imageURL,
options: nil
)
}
23
画像の設定
UNNotiﬁcationAttachmentを使う

return
}
do {
url: imageURL,
options: nil
)
}
24
コンテンツに指定

アジェンダ
25

Notiﬁcation Content Extension
• オリジナルUIの通知を作成する
26

ターゲット
27

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

NotiﬁcationViewController
class 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

: UIViewController
super.viewDidLoad()
}
if
{
lon))
}
}
}
30
MapViewを持った通知

: UIViewController
super.viewDidLoad()
}
if
{
lon))
}
}
}
31
通知が発⽕した時の処理

: UIViewController
super.viewDidLoad()
}
if
{
lon))
}
}
}
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>
<dict>
<array>
</array>
<real>1</real>
<true/>
</dict>
string>
</dict> 34
categoryIdentiﬁerと
⼀致している必要あり

Info.plist
<dict>
<dict>
<array>
</array>
<real>1</real>
<true/>
</dict>
string>
</dict> 35
UIの縦横⽐

Info.plist
<dict>
<dict>
<array>
</array>
<real>1</real>
<true/>
</dict>
string>
</dict> 36
デフォルトのタイトル、サブタイ
トル、コンテンツ

アジェンダ
37

Notiﬁcation Service Extension
• オリジナルUIの通知を作成する
38

ターゲット
39

NotiﬁcationService
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 {
// 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]"
}
}
}
40

}
}
if
}
}
}
41
通知内容を編集

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

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

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

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

リモートコンテンツ
貼り付け
guard
let urlString = bestAttemptContent.userInfo["remote-url"] as? String,
let remoteURL = URL(string: urlString)
else {
return
}
download(remoteURL) { url, error in
guard let fileURL = url else {
print(error)
return
}
do {
identifier: "remote", url: fileURL
)
bestAttemptContent.attachments = [attachment]
} catch(let e) {
print(e)
}
}
}
46

リモートコンテンツ
貼り付け
guard
let urlString = bestAttemptContent.userInfo["remote-url"] as? String,
let remoteURL = URL(string: urlString)
else {
return
}
download(remoteURL) { url, error in
guard let fileURL = url else {
print(error)
return
}
do {
identifier: "remote", url: fileURL
)
bestAttemptContent.attachments = [attachment]
} catch(let e) {
print(e)
}
}
}
47
画像のダウンロード
30秒超えるかも

serviceExtensionTimeWillExpire
if
let bestAttemptContent = bestAttemptContent
{
bestAttemptContent.title += " [頑張ったけれどダメだっ
たよ]"
}
}
48

serviceExtensionTimeWillExpire
if
let bestAttemptContent = bestAttemptContent
{
bestAttemptContent.title += " [頑張ったけれどダメだっ
たよ]"
}
}
49
サーバからのリモートプッシュの内容を
変更しない場合
もとのペイロードのまま表⽰されてしまうので注意

まとめ
50

New Notification API in iOS 10

More Related Content

More from Gaprot

New Notification API in iOS 10