web-dev-qa-db-ja.com

番号のwhatsappチャットを開くionic 3/4

this plugin を使用してwhatsappチャットを開くアプリを開発しました。

ionic CLIを使用してインストールしました イオンコルドバプラグイン追加 https://github.com/ranjitpandit/whatsapp-phonegap-plugin.git および以下のように使用：

home.page.ts

...

declare var cordova;

...
constructor(public platform: Platform) {}

chat() {

    this.platform.ready().then(() => {

      cordova.plugins.Whatsapp.send('+263783187321');

    });

}

それからhome.page.htmlで私はそれからこれをしました：

<ion-row>
    <ion-col size="12" no-padding>
      <img src="assets/imgs/chat.jpg" (click)="chat()" class="chat" />
    </ion-col>
</ion-row>

問題は、画像をクリックしてもWhatsappチャットウィンドウが開かないことです。何も起こりません。助けてください。ありがとうございました

angularionic3ionic4
3
Ngoni X

これは、2019年のIonic 4

Config.xmlに以下を追加します。

<access launch-external="yes" Origin="whatsapp://*" />

あなたのhtmlで：

<a href="whatsapp://send?phone=YOUR_NUMBER">Link<a>
5
Alejandro del Río

とてもシンプルですが、トリックがあります。

<a ion-button href="whatsapp//send?phone=54119998888">SEND</a>

しかし、config.htmlの「whatsapp」を許可する必要があります。そうしないと、（セキュリティによって）ブロックされます。だからこれを含めてください：

<access Origin="whatsapp//*" launch-external="yes" />

「https：// *」は機能しないので、含めないように注意してください...

2
Ari Waisberg

私はionicフォーラムを検索して、これを15票で見つけました。

詳細については、このURL「 https://api.whatsapp.com/send?phone= 573 {電話番号}」にアクセスしてください-これを確認してください： https：// faq .whatsapp.com/en/26000030 /？category = 5245251 540

1
TehGaz7

これは私にpwaで機能します（2020年1月）

config.xml

<access launch-external="yes" Origin="whatsapp://*" />

次に、あなたのhtmlで

<a href="https://wa.me/whatsappnumber?text=Hello%20world">Link</a>
 or
<ion-button href="https://wa.me/whatsappnumber?text=Hola%20Mundo">

あなたは国際的なフォーマットを使うべきです（もちろんスペースなしで）

  • 1 xxx xxx xxxx USA
  • 52 1 xxx xxx xxxxMéxico
  • 54 9 xxx xxx xxxxアルゼンチン

モバイルではサーブモードでは機能しませんが、製品版では機能します

0
alejandro00

この簡単な方法は、設定ファイルにアクセスを追加する必要なしに、PWAのWebバージョンとモバイル（Android）バージョンの両方で私にとって機能します。

JS：

window.open(`https://api.whatsapp.com/send?phone=${phoneNumber}`

または

HTML：

<a href=`https://api.whatsapp.com/send?phone=${phoneNumber}`>Link</a>
0
Marci