Question

我试图加入Facebook客户聊天室并在localhost上对其进行测试。但是我所看到的只是空的iframe。

只有一个空的iframe，我没有任何错误。而且它也不会对FB.CustomerChat.show（）;

代码中的一些关键时刻：

js.src = "//connect.facebook.net/en_US/sdk/xfbml.customerchat.js";

Vue.use(vue_fb, {
        appId: process.env.FACEBOOK_AUTH_APP_ID,
        autoLogAppEvents: true,
        xfbml: true,
        version: 'v4.0'
    });```

Answer 1

localhost不适用于该插件的测试，因为将域https://developers.facebook.com/docs/messenger-platform/reference/messenger-profile-api/domain-whitelisting#requirements列入白名单的要求：

域名必须满足以下要求才能列入白名单：
  -通过HTTPS服务
  -使用完全限定的域名，例如https://www.messenger.com/。 IP地址和本地主机不支持列入白名单。

在本地设置带有自签名证书的域名应该可以工作-所有相关的内容都在浏览器中进行，因此，这是您唯一要说服接受该自签名证书的地方。

但是，最好不要处理发行和嵌入自己的证书的麻烦，而应使用https://ngrok.com/之类的服务，它提供了到本地主机的简单HTTPS隧道，非常适合测试这样的东西。

Facebook客户聊天显示空的iframe

1 个答案: