Facebook 登录时出现 JavaScript SDK 错误:“重定向 URI 未列入白名单" [英] Facebook login with JavaScript SDK error: "redirect URI not whitelisted"
本文介绍了Facebook 登录时出现 JavaScript SDK 错误:“重定向 URI 未列入白名单"的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我希望我的网站使用 facebook 登录,但我看到了这个错误.
<块引用>给定 URL 未在客户端 OAuth 设置中列入白名单:此重定向失败,因为重定向 URI 未在应用的客户端 OAuth 设置中列入白名单.确保启用客户端和 Web OAuth 登录,并将您的所有应用域添加为有效的 OAuth 重定向 URI.
<头><title>Facebook 登录 JavaScript 示例</title><meta charset="UTF-8">头部><身体><脚本>//使用来自 FB.getLoginStatus() 的结果调用它.函数 statusChangeCallback(响应){console.log('statusChangeCallback');控制台日志(响应);//响应对象返回一个状态字段,允许//app 知道这个人的当前登录状态.//可以在文档中找到关于响应对象的完整文档//对于 FB.getLoginStatus().if (response.status === 'connected') {//登录到您的应用程序和 Facebook.测试API();} else if (response.status === 'not_authorized') {//此人已登录 Facebook,但未登录您的应用.document.getElementById('status').innerHTML = '请登录' +'进入这个应用程序.';} 别的 {//此人未登录 Facebook,因此我们不确定//他们是否登录到这个应用程序.document.getElementById('status').innerHTML = '请登录' +'进入脸书.';}}//当有人完成登录时调用此函数//按钮.在示例中查看附加到它的登录处理程序//下面的代码.函数 checkLoginState() {FB.getLoginStatus(函数(响应){statusChangeCallback(响应);});}window.fbAsyncInit = function() {FB.init({appId: 'XXXXXXXXXXXX',cookie : true,//启用 cookie 以允许服务器访问//会话xfbml : true,//解析此页面上的社交插件version : 'v2.5'//使用 2.2 版});//现在我们已经初始化了 JavaScript SDK,我们调用//FB.getLoginStatus().此函数获取状态//访问此页面的人可以返回三种状态之一//您提供的回调.他们可以:////1. 登录你的应用程序('connected')//2. 已登录 Facebook,但未登录您的应用 ('not_authorized')//3. 未登录 Facebook,无法判断是否登录//你的应用与否.////这三种情况在回调函数中处理.FB.getLoginStatus(函数(响应){statusChangeCallback(响应);});};//异步加载SDK(功能(d,s,id){var js, fjs = d.getElementsByTagName(s)[0];如果 (d.getElementById(id)) 返回;js = d.createElement(s);js.id = id;js.src = "//connect.facebook.net/en_US/sdk.js";fjs.parentNode.insertBefore(js, fjs);}(文档, '脚本', 'facebook-jssdk'));//这里我们在登录后运行一个非常简单的Graph API测试//成功的.有关何时进行此调用,请参阅 statusChangeCallback().功能测试API(){console.log('欢迎!正在获取您的信息....');FB.api('/me', function(response) {console.log('登录成功:' + response.name);document.getElementById('status').innerHTML ='感谢登录,' + response.name + '!';});}<!--下面我们包括登录按钮社交插件.此按钮使用JavaScript SDK 显示一个图形登录按钮,触发单击时的 FB.login() 函数.--><fb:login-button scope="public_profile,email" onlogin="checkLoginState();"></fb:登录按钮><div id="状态">