Question

我开发了一个应用，该应用应使用this plugin打开whatsapp聊天。

我使用ionic CLI ionic cordova plugin add 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聊天窗口。什么都没发生。请帮忙。谢谢

Answer 1

我已经在Ionic论坛上进行搜索，并以15票的票数找到了它。

通过转到该网址“ https://api.whatsapp.com/send?phone= 573 {电话号码}” 有关更多信息，请检查：https://faq.whatsapp.com/en/26000030/?category=5245251 540

Answer 2

我试图通过传递网址“ https://api.whatsapp.com/send?phone=+91123456890&text=test”来从InAppBrowser插件调用whatsapp。我还按照建议添加了config.xml更改（“访问launch-external =“ yes” origin =“ whatsapp：*” /“）

它会打开浏览器（当我在设备上运行该浏览器时），上面带有发送按钮，以将消息发送到Whatsapp。

但是我无法点击“发送”按钮。它不会将我重定向到具有给定编号的whatsapp应用程序。

请您告诉我一些示例代码或实现该示例的方法。

谢谢

Answer 3

这很简单，但是有一个窍门。

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

，但是您必须在config.html中允许使用“ whatsapp”，否则将被安全性阻止。因此，包括以下内容：

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

请注意不要包含“ https：// *”，因为它不起作用...

Answer 4

这就是它在2019年与Ionic 4一起工作的方式

在config.xml中添加：

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

在您的html中：

<a href="whatsapp://send?phone=YOUR_NUMBER">Link<a>

Answer 5

这对我而言是一次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 xxxx墨西哥
54 9 xxx xxx xxxx阿根廷

在移动设备中，它不能在服务模式下工作，但在生产模式下，它会起作用

Answer 6

这个简单的方法适用于Web和移动（android）版本的PWA中的我，而无需在配置文件中添加访问权限：

JS：

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

或

HTML：

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

Answer 7

如果要在js中调用它，可以模拟int&元素并动态单击它：

您也可以在html上完成此操作：

<a>

在您的config.xml中设置此conf

      var  element = document.createElement('a') as HTMLElement;
      element.setAttribute('href', 'https://wa.me/5959333033226?text=Hello%20How%20are%20you');
      element.setAttribute('style', 'display:none;');
      element.click();

Answer 8

Official WhatsApp Sharing Documentation。他们似乎建议您使用wa.me。 那么，请尝试一下！ https://wa.me/?text=mytest。我知道了...

我们找不到您要查找的页面

经过全面测试，我发现以下URL格式是允许您使用任何参数或参数组合的唯一格式：

https://api.whatsapp.com/send?text=YourShareTextHere

https://api.whatsapp.com/send?phone=123

https://api.whatsapp.com/send?text=YourShareTextHere&phone=123

您可以随时为自己测试！

如果您有兴趣观看跟踪这些URL的项目，请访问我们！：https://github.com/bradvin/social-share-urls#whatsapp

Answer 9

如果您使用的是JavaScript或TypeScript，请执行以下操作：

chat() {
this.platform.ready().then(() => {
  window.open("https://api.whatsapp.com/send/?phone=[PHONENUMBER]&text=Hi,%20Test%20Message&app_absent=0");
});}

或如果您使用的是HTML，请执行以下操作：

<ion-row>
<ion-col size="12" no-padding>
  <a href="https://api.whatsapp.com/send/?phone=[PHONENUMBER]&text=Hi,%20Test%20Message&app_absent=0&app_absent=0">Chat</a>
</ion-col>

Answer 10

添加一个函数

 cally(ph) {
    window.open('https://api.whatsapp.com/send?phone=' + ph);
  }

然后在您的 html 中，您可以使用 ion fab 使其整洁

<ion-fab vertical="center" horizontal="end" slot="fixed" (click)="cally('+2349136442229')">
            <ion-fab-button>
              <ion-icon name="logo-whatsapp"></ion-icon>
            </ion-fab-button>
          </ion-fab>

打开whatsapp聊天以获取数字3/4

10 个答案: