iOS

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

投稿日:

はじめに

こんにちは、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を表示するだけであればとにかくシンプルです。

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

SFSafariViewControllerDelegate

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

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

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

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

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

 

さいごに

SFSafariViewControllerですが実装も簡単ですし特にWebViewにカスタム要素がないとか、Safariアプリに投げるとかするならこちらの方が使い勝手がいいと思います。

RE:ENGINESブログ「iOS記事」まとめページはこちらから

blog-page_footer_336




blog-page_footer_336




-iOS
-

執筆者:


comment

メールアドレスが公開されることはありません。

CAPTCHA


関連記事

【Swift】MemoryLeakの簡単な確認方法

1 はじめに2 テストの準備3 開発中のテスト4 テストコードの作成5 さいごに6 おすすめ書籍 はじめに こんにちは、suzukiです。前回の記事で循環参照について触れました。今回は問題の発見に役立 ...

swift

SwiftでLTMorphingLabelを使ってみた

1 はじめに2 LTMorphingLabelとは3 準備4 実装 はじめに 今回はLTMorphingLabelというライブラリが面白そうなので使ってみました。 LTMorphingLabelとは ...

【Swift】XCUITestでScrollViewのテストをしてみる

1 はじめに2 XCUITestとは3 導入方法3.1 オブジェクトの配置3.2 UISCrollView3.3 ラベルとボタン4 テストのための設定4.1 ラベル5 テストコード5.1 SetUp5 ...

【Swift】SwiftUIの理解のためDSL記法とFunctionBuilderを調べてみた

1 はじめに2 DSL(ドメイン固有言語)について3 関数ビルダ3.1 定義方法3.2 使用方法3.3 SwiftUIの関数ビルダ4 カスタム属性5 さいごに6 おすすめ書籍 はじめに Xcode11 ...

iOS13で申請するために押さえておきたいポイント

1 はじめに2 presentViewController3 DeviceToken4 Launch Storyboard5 Dark Mode6 Sign In with Apple7 さいごに8 ...

フォロー

blog-page_side_responsive

2018年8月
 1234
567891011
12131415161718
19202122232425
262728293031  

アプリ情報

私たちは無料アプリもリリースしています、ぜひご覧ください。 下記のアイコンから無料でダウンロードできます。