1

知りたい内容

a href="tel:~" で電話発信するためのCordovaプラグインを知りたい。

背景・実現したいこと

現在MonacaでHTML5ハイブリッドアプリを制作しています。
対象OSはiPhone・Androidの2種類です。

Cordovaプラグインがデフォルトでインストールされているデバッガーでは、
<a href="tel:000-1111-2222">00-1111-2222</a> などと記述した箇所を
実機でタップすると電話発信されますが、リリースビルドをして実機テストを
すると発信されません。

恐らく、リリースビルドとデバッグ環境ではCordovaプラグインの環境が
異なるため生じたバグではと疑っていますが、これを解決するための
プラグインはどのようなものが想定できるでしょうか。

現在インストールされているCordovaプラグイン

  • Geolocation
  • InAppBrowser
  • MonacaPlugin
  • Splashscreen
  • Whitelist

1 件の回答 1

0

OSはどちらになるのでしょうか?
とりあえず説明だけ……

実装方法はいくつかありますが電話番号のリンクは
iOSではInAppBrowser_system
AndroidではWebIntentを使用して開きます。
上記はCordovaプラグインの設定から追加します。

また、他の方法では
文章中の電話番号の認識はMETAで封じているかと思います。
数字を全て電話番号として扱うのであれば、これを外すのも一つです
(※実際に電話番号以外の数字もリンクしてしまうのであまりオススメは出来ませんが……)


aタグでもtargetを記載すれば動いたような……
そのままaタグを使用すると1つ問題があり、現在のページを上書きしてしまいます。
(※今のMonacaを触っていないので、もしかするとアップデートに伴いWhitelistの関係で上書きできないかも……)
※自分の昔のコード見るとiOSはこれで飛んでいたっぽい……
location.href="tel:"+tel_number;

恐らく現在のページにはcomponentsの読み込みがあるかと思いますが、
それが読み込まれなくなるとアプリは制御を失います。
ですので、出来る限りaタグで遷移するのではなくjavascriptで制御して遷移しましょう。
それがアプリと関係ないページであれば、尚更必要かと思います。

4
  • 回答ありがとうございます! 本当に手詰まりな状態だったため助かります。 OSの件、失礼しました。追記しました。 iOSとAndroidを考えていましたが、それぞれ別のコードが必要なのですね。 デバッガーの段階では <a href="tel:"> で開いていましたが、 リリースビルドではプラグインを考慮してもこれは動作しないでしょうか。 とは言え、お教えいただいた方法がベストなのであれば、 柔軟にそちらに切り替え使っていきたいと思ってもいます。
    – Motsu
    Commented 2016年3月2日 5:30
  • 以下の方法でAndroidは実装できました。アドバイスの通りです。ありがとうございます。 docs.monaca.mobi/cur/ja/reference/third_party_phonegap/…
    – Motsu
    Commented 2016年3月2日 6:44
  • 追記しました。今のmonacaを知らないので仕様は変わっているかもしれませんが……
    – user10259
    Commented 2016年3月2日 7:07
  • 追記コメント拝見しました。ページ上書きの件、大変勉強になりました。アプリを正常に制御するためにも、やはりjavascriptで遷移させたいと思います。今後のアプリ制作のためにも役立つ貴重なアドバイスをありがとうございます。
    – Motsu
    Commented 2016年3月2日 7:10

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。