同时安装whatsapp和whatsapp商业应用程序时whatsapp商业的链接URL

问题描述 投票:0回答:1

我知道我们可以使用以下网址从我的 React Native 应用程序中打开 Whatsapp

whatsapp://send?text=MyTextMessage&phone=MyPhoneNumber

或者我们可以使用

https://api.whatsapp.com/send/?phone=MyPhoneNumber&text=MyTextMessage

当我只安装了 Whatsapp 应用程序时,这工作正常。 现在,除了 WhatsApp 之外,我还安装了 WhatsApp Business 应用程序。 但是自从我安装了 Whatsapp Business 以及上面的代码后,我就可以选择在 Whatsapp 或 Whatsapp Business 之间进行选择。

我不想从我的应用程序中进行选择,我想直接根据用户选择在whatsapp或whatsapp业务中打开URL中电话号码的聊天。

deep-linking whatsapp deeplink react-native-deep-linking
1个回答
0
投票

为此,您可以创建一个链接,根据用户的选择将其引导至 WhatsApp 或 WhatsApp Business 聊天。 WhatsApp 和 WhatsApp Business 都使用类似的 URL 方案来打开与指定电话号码的聊天。

以下是为两者创建 URL 的方法:

  1. WhatsApp URL 格式:

    https://wa.me/<phone_number>
    

    <phone_number>
    替换为国际格式的完整电话号码,不带任何加号、括号或空格。

  2. WhatsApp Business URL 格式:

    https://api.whatsapp.com/send?phone=<phone_number>
    

    再次将

    <phone_number>
    替换为国际格式的完整电话号码。

实施示例

假设您有一个用户界面,用户可以在其中选择“WhatsApp”或“WhatsApp Business”并提供电话号码。这是一个使用 JavaScript 动态创建链接的简单 HTML 示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Open WhatsApp Chat</title>
</head>
<body>
    <h1>Open WhatsApp Chat</h1>
    <form id="whatsappForm">
        <label for="phoneNumber">Phone Number:</label>
        <input type="text" id="phoneNumber" name="phoneNumber" required>
        <br><br>
        <label for="appType">Select App:</label>
        <select id="appType" name="appType" required>
            <option value="whatsapp">WhatsApp</option>
            <option value="whatsappBusiness">WhatsApp Business</option>
        </select>
        <br><br>
        <button type="button" onclick="openChat()">Open Chat</button>
    </form>

    <script>
        function openChat() {
            const phoneNumber = document.getElementById('phoneNumber').value;
            const appType = document.getElementById('appType').value;
            
            if (!phoneNumber) {
                alert('Please enter a phone number.');
                return;
            }

            let url;
            if (appType === 'whatsapp') {
                url = `https://wa.me/${phoneNumber}`;
            } else if (appType === 'whatsappBusiness') {
                url = `https://api.whatsapp.com/send?phone=${phoneNumber}`;
            } else {
                alert('Please select a valid app.');
                return;
            }

            window.open(url, '_blank');
        }
    </script>
</body>
</html>

如何运作:

  1. 表单元素:

    • 电话号码的输入字段。
    • 用于选择 WhatsApp 或 WhatsApp Business 的下拉菜单。
    • 触发聊天打开的按钮。
  2. JavaScript 函数:

    • openChat()
      :此函数从表单中检索电话号码和选定的应用程序类型。
    • 它根据选择构建适当的 URL。
    • window.open(url, '_blank')
      在新选项卡中打开 URL。

这样,根据用户的选择,相应的聊天窗口将直接在 WhatsApp 或 WhatsApp Business 中打开。 : 在此下载

© www.soinside.com 2019 - 2024. All rights reserved.