web-dev-qa-db-fra.com

Ouvrez le chat WhatsApp pour un nombre ionic 3/4

J'ai développé une application qui devrait ouvrir un chat WhatsApp en utilisant ce plugin .

Je l'ai installé en utilisant ionic CLI plugin ionique cordova ajouterhttps://github.com/ranjitpandit/whatsapp-phonegap-plugin.git et utilisé comme ci-dessous:

home.page.ts

...

declare var cordova;

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

chat() {

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

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

    });

}

Ensuite, dans home.page.html, j'ai fait ceci:

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

Le problème est qu'il n'ouvre pas une fenêtre de discussion Whatsapp lorsque je clique sur l'image. Rien ne se passe. Veuillez aider. Je vous remercie

angularionic3ionic4
3
Ngoni X

Voici comment cela fonctionne en 2019 avec Ionic 4

Dans config.xml, ajoutez:

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

Dans votre html:

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

C'est très simple mais ça a un truc.

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

mais vous devez autoriser le "whatsapp" dans le config.html ou il va être bloqué (par sécurité). Alors incluez ceci:

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

attention à ne pas inclure "https: // *" car ça ne marchera pas ...

2
Ari Waisberg

J'ai cherché sur le forum ionic et j'ai trouvé cela avec 15 votes.

En allant sur cette URL " https://api.whatsapp.com/send?phone= 573 {Le numéro de téléphone}" pour plus d'informations - vérifiez ceci: https: // faq .whatsapp.com/fr/26000030 /? category = 5245251 540

1
TehGaz7

Cela fonctionne pour moi dans un pwa (janvier 2020)

config.xml

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

Puis dans votre html

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

Vous devez utiliser le format international (sans espaces bien sûr)

  • 1 xxx xxx xxxx États-Unis
  • 52 1 xxx xxx xxxx México
  • 54 9 xxx xxx xxxx Argentine

en mobile, il ne fonctionne pas en mode service, mais en prod il le fait

0
alejandro00

Cette méthode simple fonctionne pour moi dans mon PWA à la fois dans les versions web et mobile (Android) sans avoir à ajouter l'accès au fichier de configuration:

JS:

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

ou

HTML:

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