[Android/iOS] Deep Link, Custom URL Scheme を開発環境で確認する方法
Android, iOS アプリで Deep Link, Custom URL Scheme を開発環境で確認する方法をご紹介します。
前提知識
example://action のような URL scheme を Android では Deep Link, iOS では Custom URL Scheme と呼びます。
- Create Deep Links to App Content | Android Developers
- Defining a Custom URL Scheme for Your App | Apple Developer Documentation
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 で動作確認したときのスクリーンショット
iOS Simulator で動作確認したときのスクリーンショット
以上、Android, iOS アプリで Deep Link, Custom URL Scheme を開発環境で確認したい、現場からお送りしました。