カテゴリー: iOS

[Swift]忘れられがちなSFSafariViewControllerについて

1 はじめに
- 1.1 前提条件
2 SFSafariViewControllerとは
- 2.1 SFSafariViewControllerの特徴
- 2.2 iOS11からのCookie同期について
3 SFSafariViewControllerとWKWebView
- 3.1 SFSafariViewControllerとWKWebViewの違い
- 3.2 どっちがいい？
4 実装
- 4.1 まずは表示してみよう
- 4.2 SFSafariViewControllerDelegate
5 さいごに

はじめに

こんにちは、nukkyです。
今回はsuzukiさんの記事でWKWebViewが取り扱われたので、もう一つのWebViewで存在が忘れられがちなSFSafariViewControllerについてお話ししたいと思います。
suzukiさんの記事はこちらから
【Swift】WKWebViewでタップしたURLを取得する。

前提条件

Xcode 9.x
iOS 11 Simulator
Swift 4.0

SFSafariViewControllerとは

SFSafariViewControllerの特徴

iOS9.0以降使用可能でSafariの標準機能を備えたViewControllerを作成できます。
アプリのViewControllerでSafariを提供する形になるので、Safariアプリに飛ばした時よりアプリへの帰還率が高いです。
ただしカスタマイズ出来る部分が限られており、iOS11現在では、BarのTintColorやDoneボタンのスタイルなど一部しか変更がきかないです。

実装はとてもシンプルですがStoryboardから作成することは出来ません。
(これが忘れがちな理由かと。。。)
何と言っても一番の特徴はSafariブラウザとCookieやウェブサイトのデータの共有が可能です！

iOS11からのCookie同期について

SFSafariViewControllerの特徴としては、Cookie等Safariとの同期が出来ることによっていちいちログインする手間が省けることでした。
しかしiOS11から仕様が変わり、Cookie等のデータがSafariとは独立した領域に保存されるようになりました。
そこでSFAuthenticationSessionクラスという認証情報を共有するためのクラスが提供されました。これ使用することで、サードパーティーのSafari上での認証を共有することが可能になりました。

SFAuthenticationSessionについてはまた別の記事で詳しく紹介したいと思います。

SFSafariViewControllerとWKWebView

SFSafariViewControllerとWKWebViewの違い

SFSafariViewControllerとの違いとしてはローカルのHTMLファイルの読み込みが可能で、Xcode9以降Storyboard上からWKWebViewを利用可能、SFSafariViewControllerの基底クラスがUIViewControllerなのに対しWKWebViewは基底クラスがUIViewViewなので、Viewの一部をWKWebViewにするような扱いも可能。
それとカスタマイズの自由性はあるのですが、操作に必要なボタンがないので自前で閉じるボタンを追加したり、場合によっては戻るボタンを用意する必要があります。

どっちがいい？

見た目のカスタマイズ、フックやJavaScriptなどを使ってアプリのコンテンツとしてWebViewを使いたいならWKWebView。
Webページを表示するだけとかSafariアプリに投げるという使い方ならSFSafariViewControllerと結構住み分けはできていると思いますね。
どっちがいいかは結局アプリでどうWebViewを使いたいかで適した方を選択できると思います。

実装

まずは表示してみよう

SFSafariViewControllerを表示するだけであればとにかくシンプルです。

import SafariServices

let url = URL(string:"https://www.google.co.jp/")
if let url = url{
    let vc = SFSafariViewController(url: url)
    present(vc, animated: true, completion: nil)
}

これで実行するとこのように表示されます。

SFSafariViewControllerDelegate

SFSafariViewControllerには以下のようなデリゲートが用意されています。

//(1)
optional public func safariViewController(_ controller: SFSafariViewController, didCompleteInitialLoad didLoadSuccessfully: Bool)
//(2)
optional public func safariViewController(_ controller: SFSafariViewController, excludedActivityTypesFor URL: URL, title: String?) -> [UIActivityType]
//(3)
optional public func safariViewControllerDidFinish(_ controller: SFSafariViewController)

(1)は、最初に表示する画面の読み込み完了時に呼ばれます。

(2)は、アクションボタンタップ時に呼ばれます。
カスタムUIActivityを返却することもできます。
アクションボタンとは下の画像の右から二番目の四角から上矢印が出ているボタンです。

(3)は、左上の完了ボタンタップ時に呼ばれます。

ログを吐くだけですが実装は以下のになります。

let vc = SFSafariViewController(url: url)
vc.delegate = self

extension ViewController: SFSafariViewControllerDelegate {
    
    func safariViewController(_ controller: SFSafariViewController, didCompleteInitialLoad didLoadSuccessfully: Bool) {
        print("didCompleteInitialLoad")
    }
    
    func safariViewController(_ controller: SFSafariViewController, activityItemsFor URL: URL, title: String?) -> [UIActivity] {
        print("activityItemsForURL")
        return [UIActivity()]
    }
    
    func safariViewControllerDidFinish(_ controller: SFSafariViewController) {
        print("safariViewControllerDidFinish")
    }
}