为什么 Facebook Business 登录 Instagram 在连接到 Instagram 时卡住了？

Question

我正在尝试为 Instagram 实现 Facebook 业务登录。下面是我构建的 url 和调用该 URL 的 href 标记。然而，流程在连接到 Instagram 时卡住并出现错误

无法在“DOMWindow”上执行“postMessage”：提供的目标源（“https://www.facebook.com”）与收件人窗口的源（“https://web.facebook.com”）不匹配。 做

const FACEBOOK_LOGIN_URL = `https://www.facebook.com/${FACEBOOK_API_VERSION}/dialog/oauth?client_id=${process.env.NEXT_PUBLIC_FACEBOOK_CLIENT_ID}&client_secret=${process.env.NEXT_PUBLIC_FACEBOOK_APP_SECRET}&display=page&extras={'setup':{'channel':'IG_API_ONBOARDING'}}&redirect_uri=${process.env.NEXT_PUBLIC_FACEBOOK_LOGIN_REDIRECT_URI}&response_type=token&scope=instagram_basic,pages_show_list,business_management,instagram_manage_messages,pages_manage_metadata,pages_messaging`;

     <a
          href={`${FACEBOOK_LOGIN_URL}`}
          className="flex flex-row items-center"
        >
          Login to Facebook
        </a>

我尝试使用“web.facebook.com”代替“www.facebook.com”，但仍然遇到同样的问题。

有人遇到过这个问题并知道如何解决吗？

Answer 1

我看到您在网址中传递了

client_secret

。

我认为这是一个坏主意，因为这是不应该公开的敏感信息。此外，Instagram 的业务登录 的文档未指定名为

client_secret

的字段。

只是想插话，因为我也面临着同样的问题。我可以补充一点，如果我使用“正常”个人资料登录 Instagram，那么我会将其转换为专业帐户。不过后来我还是和你一样被困在同一个地方。

Answer 2

就我而言，在桌面上它工作得很好，因为它会打开一个用于 Instagram 凭据的弹出窗口，登录后会关闭弹出窗口，并且引导会自动进入下一步以选择页面等。但在移动设备上，当单击 Instagram 配置第一步中的开始按钮时，它会要求我打开 Instagram 应用程序或继续在浏览器中登录，而不是弹出窗口。如果我选择 Instagram 应用程序，它会打开，但不会执行任何操作，仅显示时间线。如果我选择浏览器，它会打开一个新选项卡，当登录 Instagram 时，它会重定向到 Facebook 并保持循环重新加载页面