基于WhatsApp Web检测号码是否开通WhatsApp并实现对话按钮按需显示的咨询

嘿，这个需求很实用！既然已经登录了WhatsApp Web，咱们完全可以实现先检测号码是否开通服务，再给对应的号码显示对话按钮。下面分享两种靠谱的实现思路：

WhatsApp Web在前端维护了一个window.Store对象，里面包含了联系人、会话等核心数据，我们可以通过它来直接验证号码状态：

• 先在浏览器控制台测试这个逻辑（替换成目标号码）：

  // 注意号码必须带完整国家码，比如"+8613800138000"
  const targetPhone = "+8613800138000";
  
  window.Store.Contact.get(targetPhone).then(contact => {
    if (contact && contact.isUser) {
      console.log("✅ 该号码已开通WhatsApp");
      // 这里写显示对话按钮的逻辑，比如把按钮display设为block
    } else {
      console.log("❌ 该号码未开通WhatsApp");
      // 隐藏按钮或者置灰禁用
    }
  }).catch(err => {
    console.log("⚠️ 检测出错：", err.message);
    // 降级处理：比如默认显示按钮，让用户自行尝试
  });
  

  提醒一下：这个接口是WhatsApp内部用的，没公开文档，后续版本更新可能会失效，所以最好加个降级逻辑。

如果担心内部接口不稳定，可以用“尝试创建会话”的方式间接判断——能成功创建用户会话，就说明号码已注册：

• 示例代码如下：

  // 封装成异步函数，方便批量调用
  const checkIfRegistered = async (phoneNumber) => {
    try {
      const chat = await window.Store.Chat.create(phoneNumber);
      // 验证是否为真实用户会话
      return chat && chat.isUser && !chat.isGroup;
    } catch (error) {
      // 创建失败通常意味着号码未注册
      return false;
    }
  };
  
  // 批量处理网格中的号码
  const phoneList = ["+8613800138000", "+1234567890"];
  phoneList.forEach(async (num) => {
    const isRegistered = await checkIfRegistered(num);
    const btnElement = document.getElementById(`whatsapp-btn-${num}`);
    if (isRegistered) {
      btnElement.style.display = "inline-block";
      // 给按钮绑定点击事件，跳转到对话
      btnElement.onclick = () => window.open(`https://web.whatsapp.com/send?phone=${num}`, "_self");
    } else {
      btnElement.style.display = "none";
    }
  });
  

• 号码格式必须正确：一定要带完整的国际国家码，不能用短号、不带国家码的本地号码，否则检测100%失败。
• 批量检测要限流：如果网格里有很多号码，别一次性全部调用接口，加个延迟（比如每500ms检测一个），避免触发WhatsApp的频率限制。
• 做好降级处理：如果检测接口失效，默认显示按钮，或者提示用户“无法确认状态，点击尝试发起对话”，保证用户体验。

内容的提问来源于stack exchange，提问作者JPSM