使用Angular和Google Firebase登录Facebook失败-无效的\u IDP\u响应：从Facebook.com获取访问令牌时出错

我正在发展，以衡量一些政治人气。为了获得正确的民意调查结果，我们需要使用用户的社交媒体帐户（如Facebook、Twitter和Google帐户）对用户进行身份验证

我已经选择Angular作为我的前端技术，它将在下面进行身份验证

用于Firebase Facebook登录身份验证提供商服务（

Auth.Service.ts

）

对于singin组件，代码如下所示

import { Component, OnInit } from '@angular/core';
import { AuthService } from "../../shared/services/auth.service";

@Component({
   selector: 'app-sign-in',
   templateUrl: './sign-in.component.html',
   styleUrls: ['./sign-in.component.css']
})

export class SignInComponent implements OnInit {

   constructor(public authService: AuthService) { }
   ngOnInit() { }

}

singin组件的HTML代码

<!-- Calling FacebookAuth Api from AuthService -->
<div class="formGroup">
   <button type="button" (click)="authService.FacebookAuth()">
      Log in with Facebook
   </button>
</div>

}

---

顺便说一句，应用程序正在谷歌登录上工作，您可以看到重定向URL是

https://political-monitor.firebaseapp.com/profile

error\u description=此%20IP%20无法%20为%20该%20应用程序发出%20请求%20。

听起来您可能有

服务器IP白名单

条目与发出请求的实际IP不匹配…？@CBroe:是的，先生。你是对的，昨天，我找到了原因，而原因正是你saying@CBroe这是正确的，同样的错误，在删除IP后，它工作了！，谢谢

error\u description=This%20IP%20无法%20为%20该%20应用程序发出%20请求%20。

听起来您可能有

服务器IP白名单

条目与发出请求的实际IP不匹配…？@CBroe:是的，先生。你是对的，昨天，我找到了原因，而原因正是你saying@CBroe这是正确的，同样的错误，在删除IP后，它工作了！，谢谢

<!-- Calling FacebookAuth Api from AuthService -->
<div class="formGroup">
   <button type="button" (click)="authService.FacebookAuth()">
      Log in with Facebook
   </button>
</div>

{
  "error": {
  "code": 400,
   "message": "INVALID_IDP_RESPONSE : Error getting access token from facebook.com, OAuth2 redirect uri is: https://political-monitor.firebaseapp.com/__/auth/handler, response: OAuth2TokenResponse{params: error=OAuthException&error_description=This%20IP%20can't%20make%20requests%20for%20that%20application., httpMetadata: HttpMetadata{status=400, cachePolicy=NO_CACHE, cacheDurationJava=null, cacheImmutable=false, staleWhileRevalidate=null, filename=null, lastModified=null, retryAfter=null, headers=HTTP/1.1 200 OK\r\n\r\n, contentSecurityPolicies=[], cookieList=[]}}",
  "errors": [
     {
       "message": "INVALID_IDP_RESPONSE : Error getting access token from facebook.com, OAuth2 redirect uri is: https://political-monitor.firebaseapp.com/__/auth/handler, response: OAuth2TokenResponse{params: error=OAuthException&error_description=This%20IP%20can't%20make%20requests%20for%20that%20application., httpMetadata: HttpMetadata{status=400, cachePolicy=NO_CACHE, cacheDurationJava=null, cacheImmutable=false, staleWhileRevalidate=null, filename=null, lastModified=null, retryAfter=null, headers=HTTP/1.1 200 OK\r\n\r\n, contentSecurityPolicies=[], cookieList=[]}}",
      "domain": "global",
      "reason": "invalid"
    }
  ]
 }