LoginSignup
6
3

More than 1 year has passed since last update.

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

Last updated at Posted at 2021-08-04

背景

スマホのブラウザで閲覧する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サービスを作りたい全ての人に向けて書きました

6
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
3