More than 1 year has passed since last update.

【Android】WebViewを使ってWebページを表示する方法と端末内のブラウザで開く方法

Posted at 2023-01-25

はじめに

Androidアプリの開発を行なっていて、利用規約やプライバシーポリシーのページなどをアプリ内で実装するのではなく、外部のWebページとして実装したい場合などはありませんか？

その場合に、どのようにリンクを端末内でひらけば良いのかを２種類の方法を使って紹介します。

この記事はJetpack Composeでの実装を考えている方向けの記事となっていますのでご了承ください。

Jetpack ComposeでWebViewを使うには、AndroidViewを使用します。

factoryに::WebViewを渡します。

レイアウトがインフレートされたupdateに指定したコールバックが呼び出されるので、loadUrl()を呼び出してURLを開きます。

AndroidView(
    factory = ::WebView,
    update = { webView ->
        webView.webViewClient = WebViewClient()
        webView.loadUrl(url)
    }
)

Jetpack Composeにおいて、外部URLをデフォルトのブラウザを使って開く場合にはUriHandlerを使います。

UriHandlerのインスタンスは、コンポーザブル内でLocalUriHandler.currentを使って取得します。

val uriHandler = LocalUriHandler.current
uriHandler.openUri(uiState.url)

最初、ブラウザを使ってURLを開く場合にACTION_VIEWのインテントを作成する必要があるのかなと思っていたのですが、ものすごくかんたんに実装できることがわかりAndroidのありがたさをひしひしと感じました。