マンガボックスのiOS10プッシュ通知導入事例

Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
Feb 10, 2017
Akifumi Fukaya
Development Dept. 1
IP Platform Div.
DeNA Co., Ltd.
Feb 10, 2017
Akifumi Fukaya
Development Dept. 1
IP Platform Div.
DeNA Co., Ltd.
マンガボックス
iOS10プッシュ通知
導入事例
1

Copyright (C) DeNA Co.,Ltd. All Rights Reserved.Copyright (C) DeNA Co.,Ltd. All Rights Reserved.
自己紹介
• 深谷哲史（ふかやあきふみ）
• 2014年度新卒入社
• IPプラットフォーム事業部開発一部所属
• マンガボックス
• iOS/Androidエンジニア
2

背景
• 2016年9月にiOS10がリリース
• マンガボックスでは、新しい技術を積極的に導入しよう
と実装を検討
• iOS10の新機能
• User Notifications
• iMessage App
• Siri Kit
3

背景
• 2016年9月にiOS10がリリース
• マンガボックスでは、新しい技術を積極的に導入しよう
と実装を検討
• iOS10の新機能
• User Notifications
• iMessage App
• Siri Kit
4
マンガボックスと相性が良さそう！

iOS10の通知
Advanced Notifications - WWDC 2016より引用
https://developer.apple.com/videos/play/wwdc2016/708/
5

WWDC 2016 ビデオ
6

マンガボックスでの導入事例
7

マンガボックスでの導入事例
8
Episode
Notification
Content
Extension
Notification Service
Extension
Comics
Notification
Content
Extension

Notification Service Extensionの導入
• 通知表示前にペイロードを受け取り、表示内容
を操作できる
• アタッチメント画像のダウンロードと表示
• 暗号化文字列の復号化
9
APNs
Payload
Extension

Notification Service Extensionの導入
10
APNs
Payload
Extension
{
"aps": {
"alert": {},
"mutable-content": 1
},
"attachment_image_url": "https://example.com/photo.jpg"
}

Notification Service Extensionの追加
11

NotificationService.swift
12
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 {
}
}
}

NotificationService.swift
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]"
}
}
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 {
}
}
}

Notification Contentの導入
14

Notification Contentの追加
15

NotificationViewController.swift
import UIKit
import UserNotifications
import UserNotificationsUI
class NotificationViewController: UIViewController, UNNotificationContentExtension {
@IBOutlet var label: UILabel?
override func viewDidLoad() {
super.viewDidLoad()
// Do any required interface initialization here.
}
func didReceive(_ notification: UNNotification) {
self.label?.text = notification.request.content.body
}
}

MainInterface.storyboard
17

ハマった点の紹介
• アタッチメント画像がクリッピングされてしまう
• NotificationService#didReceive(_:withContentHandler:) で時間の
かかる処理を実行すると、Extensionの正常終了されてしまう
• mutable-content:1を含むペイロードのプッシュ通知が届かない
端末が出現
• Content Extensionの中身が真っ白
18

端末が出現
19

アタッチメント画像がクリッピングされてしまう
20
APNs
Payload
Extension
送信元画像表示画像
クリッピングされてしまう
※ iOS 10.0で検証

let attachment = try UNNotificationAttachment(identifier: "image",
url: path,
options: nil)
bestAttemptContent.attachments = [attachment]

22

23

let rect = CGRect(x: 0.0, y: 0.0, width: 1.0, height: 1.0)
let dicRep = rect.dictionaryRepresentation
let options =
[UNNotificationAttachmentOptionsThumbnailClippingRectKey:dicRep]
let attachment = try UNNotificationAttachment(identifier: "image",
url: path,
options: options)
bestAttemptContent.attachments = [attachment]
拡大できるが縮小はできない

25
iOS 10.0 iOS 10.2
iOS 10.2で直ってました！

• NotificationService#didReceive(_:withContentHandler:) で時
間のかかる処理を実行すると、Extensionの正常終了されてし
まう
端末が出現
26

端末が出現
27

プッシュ通知が届かない端末が出現
28
マンガボックス
iOS10対応版リリース
v2.9.1 v2.10.0
iOS 9 iOS 10
通知が届かないケース
9/12 9/14
iOS 10リリース
プッシュ通知が届かない！

29
v2.9.1 v2.10.0
iOS 9 iOS 10
9/12 9/14
通知が届くケース
iOS 10リリースマンガボックス
iOS10対応版リリース

30
v2.9.1 v2.10.0
iOS 9 iOS 10
通知が届かないケース
9/12 9/14 プッシュ通知が届かない！
iOS 9では通知エクステンションが
含まれていないのでは

• 現象
• 届かないケース
• iOS 9で通知エクステンションを含むアプリをインストールし、iOS 10にアップ
デート後、プッシュ通知にmutable-content: 1が含まれる場合
• 届くケース
• iOS 10にOSをアップデート後、エクステンションを含むアプリをインストール
or アップデート
• mutable-content: 1をペイロードから削除
• 考えられる要因
• iOS 9でインストールされるアプリには、通知エクステンションが含ま
れていないのでは
31

端末が出現
32

プッシュ通知試してください！
33

ありがとうございました
34

マンガボックスのiOS10プッシュ通知導入事例

More Related Content

What's hot (20)

Viewers also liked (20)

Similar to マンガボックスのiOS10プッシュ通知導入事例 (20)

マンガボックスのiOS10プッシュ通知導入事例

Editor's Notes