URL 被阻止：“将所有应用程序域添加为有效的 OAuth 重定向 URI”（使用 Facebook 业务应用程序）

Question

试图让 Facebook 登录以使用我的 next-auth / nextjs 应用程序。

当我 select 是Consumer App并且它处于开发模式时，这一切都有效。

但是，我想使用 App Type Business App的功能。 Facebook 中的商业应用程序没有开发模式/生产模式。 相反，一切都通过访问级别进行管理。 此列表中的前两种类型是我所指的：

现在，当我使用消费者应用程序进行尝试时，一切正常。 但是，当我使用商务应用程序时，它对我不起作用。 我收到以下错误：

URL 已阻止此重定向失败，因为重定向 URI 未在应用程序的客户端 OAuth 设置中列入白名单。 确保客户端和 web OAuth 登录已打开，并将所有应用程序域添加为有效的 OAuth 重定向 URI。

但是，我无法将 URL 添加到有效的 OAuth 重定向 URI，因为 Facebook 告诉我 localhost 在开发模式下自动批准我添加它，所以我不允许。 但这很奇怪，因为商业应用程序没有“开发模式”。

看这两张图片：

我发现这有点奇怪，所以我将它部署到生产环境并对其进行了测试——这很有效。

所以消费者应用程序+本地主机工作，商业应用程序+本地主机不工作，商业应用程序+生产工作。

有谁知道 facebook 上的 localhost + 业务应用程序有什么问题？ 我真的很想在开发中测试东西，而不必一直把所有东西都推到生产环境中。

Answer 1

我唯一能想到的是尝试使用 shaHmac512 来加密和签署你的令牌，用十六进制消化

我确实记得必须从 localhost 进行身份验证

并为开发人员获取 facebook 业务/facebook 的“长期”访问令牌

const accessToken = process.env.FACEBOOK_ACCESS_TOKEN ?? "";
const secretKey = process.env.FACEBOOK_SECRET ?? "";


function signHmacSha512(key: string, secret: string) {
  key = accessToken;
  secret = secretKey;
  const hmac = crypto.createHmac("sha512", key);
  const signed = hmac.update(Buffer.from(secret, "utf-8")).digest("hex");
  return signed;
}


console.log(JSON.stringify(signHmacSha512(accessToken, secretKey), null, 2));

没有承诺它肯定会起作用，我在过去 9 个月成为元数据之前就这样做了

尽管Facebook 登录消息可能值得查看此线程：“URL 被阻止：此重定向失败，因为重定向 URI 未在应用程序的客户端 OAuth 设置中列入白名单。”