我知道我们可以使用以下网址从我的 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中电话号码的聊天。
为此,您可以创建一个链接,根据用户的选择将其引导至 WhatsApp 或 WhatsApp Business 聊天。 WhatsApp 和 WhatsApp Business 都使用类似的 URL 方案来打开与指定电话号码的聊天。
以下是为两者创建 URL 的方法:
WhatsApp URL 格式:
https://wa.me/<phone_number>
将
<phone_number>
替换为国际格式的完整电话号码,不带任何加号、括号或空格。
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>
表单元素:
JavaScript 函数:
openChat()
:此函数从表单中检索电话号码和选定的应用程序类型。window.open(url, '_blank')
在新选项卡中打开 URL。这样,根据用户的选择,相应的聊天窗口将直接在 WhatsApp 或 WhatsApp Business 中打开。 : 在此下载