Django-allauth实现Facebook登录时ngrok环境下安全连接异常求助

常见报错原因及对应解决方法 #

1. Django站点配置与回调地址协议不匹配 #

• 问题点：
  你当前配置的SITE_ID = 12，若Django后台/admin/sites/路径下ID为12的站点域名和ngrok域名不一致，或者allauth默认用http生成回调地址，会导致和Facebook后台配置的https重定向URI不匹配，触发安全报错。
• 解决方法：
  登录Django admin后台，进入站点管理，将ID为12的站点域名修改为你的ngrok域名582b-2405-201-a006-70b4-35e2-8cb3-b7e2-b9ec.ngrok.io，不需要加协议前缀。
  同时在settings.py中添加以下配置，强制allauth使用https生成回调地址：

  ACCOUNT_DEFAULT_HTTP_PROTOCOL = "https"
  SECURE_PROXY_SSL_HEADER = ('HTTP_X_FORWARDED_PROTO', 'https')
  

2. Facebook开发者后台重定向URI配置错误 #

• 问题点：
  allauth生成的Facebook回调地址格式为https://你的ngrok域名/socialaccounts/facebook/login/callback/，如果后台配置的URI漏写后缀、用了http协议、域名拼写错误，都会触发安全连接校验失败。
• 解决方法：
  检查Facebook开发者后台「OAuth设置」中的「有效OAuth重定向URI」，确保填写的地址为https://582b-2405-201-a006-70b4-35e2-8cb3-b7e2-b9ec.ngrok.io/socialaccounts/facebook/login/callback/，同时确认应用处于开发模式时你登录的Facebook账号已被添加为测试用户，若应用已上线则确认开放了公众访问权限。

3. ngrok转发配置异常 #

• 问题点：
  ngrok默认的转发规则可能会改写请求头，导致Django无法正确识别请求是https协议，进而生成错误的回调地址。
• 解决方法：
  启动ngrok时使用以下命令（假设本地Django服务运行在8000端口）：

  ngrok http 8000 --host-header=rewrite
  

  若ngrok重启后域名变更，需要同步修改ALLOWED_HOSTS、Django站点配置、Facebook后台重定向URI三处的域名，保持完全一致。

4. 社交应用配置缺失 #

• 问题点：
  未在Django admin后台绑定Facebook应用信息，会导致登录流程校验失败。
• 解决方法：
  进入Django admin后台，打开「社交账号」-「社交应用」菜单，新增社交应用：提供商选择Facebook，填写Facebook开发者后台获取的App ID和App Secret，将ID为12的站点添加到已选站点列表后保存即可。

内容的提问来源于stack exchange，提问作者deepak_python