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

Swift3でMapKitの吹き出し(Callout)タップを取得したい!

1 はじめに2 MapKitでの吹き出しタップ3 吹き出しのみタップしたい!4 さいごに はじめに こんにちは、nukkyです。 今回、iOSのMapKitでGoogleMapのように 吹き出しのタッ ...

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

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

swift

【Swift】Xcode10.3でSwift5で書かれたプロジェクトでデリゲートが呼ばれない

1 はじめに2 起きた環境3 起きる条件3.1 コード上の条件3.2 ビルド時の条件4 再現4.1 テスト用コード5 対応策6 さいごに7 おすすめ書籍 はじめに こんにちはsuzukiです。Xcod ...

Moya vs APIKit

1 はじめに2 MoyaとAPIKitの概要2.1 Githubの比較2.2 機能比較3 実装の比較3.1 リクエスト定義3.2 レスポンスstruct3.3 リクエスト送信3.4 出力結果4 さいご ...

iOS13ダークモード対応

1 はじめに2 一時しのぎ3 実装3.1 UI Element Colors3.2 Color Set3.3 コードで描きたい3.4 カスタムのカラーを定義する3.5 画像をモードで動的に変更したい4 ...

フォロー

blog-page_side_responsive

2018年8月
 1234
567891011
12131415161718
19202122232425
262728293031  

アプリ情報

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