【モバイル対応】URLでアプリを開く

背景

スマホのブラウザで閲覧するWebアプリケーションに配置されたボタンから
インスタグラムのアプリに遷移する要件があった。
しかし、ただの https://www.instagram.com/ をhrefに設定しても、アプリには遷移されない場合があった。
そこで、どうしたらアプリが開くURLになるか調べた。

URLでアプリを開く、とは

「入力されたURLを画面遷移の情報に変換し、その結果に従って画面遷移する」という処理が組み込まれているアプリに対して、URLを入力すること

引用：「URLでアプリを開く」を丁寧に深堀りしていく

それらはディープリンクとも呼ばれている。
そして、そのディープリンクにはいくつか種類がある。

Custom URL Scheme

今回の要件で必要なインスタグラム　アプリへの遷移は
Custom URL Schemeが対応している。

これは、このディープリンクを踏むと、該当するアプリが端末にインストール

• されていればそれを開く
• されていなければ何もしない

その為、インストールされていない場合は何かする場合、
それに応じた処理を別途書く必要がある。

実際のURL

インスタグラムのCustom URL Schemeはこのようになっている。

instagram://app
Instagramのアプリを起動する。

instagram://camera
Instagram内のカメラを起動する。

instagram://media?id={メディアID}
メディアIDを指定することで、アプリを起動し、その投稿ページに移動させる。

引用：Instagram APIでwebサービスを作りたい全ての人に向けて書きました

参考

「URLでアプリを開く」を丁寧に深堀りしていく
ディープリンクとは？仕組み・メリット・事例を詳しく解説！
Instagram APIでwebサービスを作りたい全ての人に向けて書きました