phi

I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python

phiaryjust a creator

Cordova tips - Custom URL scheme に対応させよう

8 years ago

Custom-URL-scheme というプラグインを使えばカンタンにできます.

インストール

Custom-URL-scheme をインストール

$ cordova plugin add cordova-plugin-customurlscheme --variable URL_SCHEME=<scheme name>

<scheme name> の箇所に設定したい scheme 名を入れます. 今回は hoge とします.

$ cordova plugin add cordova-plugin-customurlscheme --variable URL_SCHEME=hoge --save

確認

これだけで safari で hoge://a/b/c と入力すると cordova で作ったアプリを開いてくれます.

またパラメータは, cordova 側で読み込んでいる html ページ(/www) で handleOpenURL というメソッドが呼ばれるのでその中でゴニョゴニョやれば上手くやれると思います.

function handleOpenURL(url) {  
  setTimeout(function() {
    alert("received url: " + url);
  }, 0);
}

Reference