[Android/iOS] Deep Link, Custom URL Scheme を開発環境で確認する方法

Android, iOS アプリで Deep Link, Custom URL Scheme を開発環境で確認する方法をご紹介します。

macOS

前提知識

example://action のような URL scheme を Android では Deep Link, iOS では Custom URL Scheme と呼びます。

Deep Link, Custom URL Scheme の確認方法

index.html 作成

~/Documents/url_scheme/index.html に以下のようなファイルを作成します。

<html>
  <body>
    <h1>
      <a href="example://action?id=yoW4Sei3">example://action?id=yoW4Sei3</a>
    </h1>
  </body>
</html>

Python: SimpleHTTPServer Web サーバ起動

cd ~/Documents/url_scheme/
python -m SimpleHTTPServer 8000

ngrok 起動

ngrok を以下のように Port 8000 を指定して起動します。

ngrok http 8000

ngrok を使ったことがない方は ngrok インストール、公開URL確認方法 [macOS 編] を参照ください。

Android Emulator, iOS Simulator で動作確認

Android Emulator で動作確認したときのスクリーンショット

Deep Link | Android App

iOS Simulator で動作確認したときのスクリーンショット

Custom URL Scheme | iOS App

以上、Android, iOS アプリで Deep Link, Custom URL Scheme を開発環境で確認したい、現場からお送りしました。