Laravel集成Facebook登录时遇Insecure Login Blocked错误求助

这个错误的核心原因很明确：Facebook现在要求所有OAuth登录请求必须在HTTPS环境下发起，HTTP页面发起的登录请求会被直接拦截，因为不安全。下面分场景给你具体的解决办法：

一、本地开发环境 #

本地开发默认是HTTP，你可以用以下两种方式快速生成HTTPS环境：

方法1：使用ngrok生成HTTPS隧道 #

1. 去ngrok官方网站下载对应系统的客户端并安装
2. 启动你的Laravel项目（比如运行php artisan serve，默认端口8000）
3. 在终端运行命令：

   ngrok http 8000
   

4. 复制ngrok生成的HTTPS地址（格式类似https://abc123.ngrok.io），完成两个配置：
   • 在项目根目录的.env文件里修改APP_URL为这个HTTPS地址：

     APP_URL=https://abc123.ngrok.io
     

   • 打开Facebook开发者后台，找到你的应用，进入「产品」→「Facebook登录」→「设置」，把「有效的OAuth跳转URI」修改为https://abc123.ngrok.io/auth/facebook/callback（替换成你项目中实际的回调路由）

方法2：使用Laravel Valet（仅Mac系统） #

如果你日常用Laravel Valet做本地开发，直接在项目目录下运行：

valet secure your-project-name

Valet会自动给你的本地项目配置HTTPS证书，之后访问https://your-project-name.test即可。同样要把这个HTTPS地址更新到.env文件和Facebook开发者后台的回调URI中。

二、生产环境 #

生产环境必须配置正式的HTTPS证书，步骤如下：

1. 给你的服务器安装SSL证书（比如用Let's Encrypt的免费证书，大多数云服务平台或主机商都提供一键配置工具）

2. 修改.env文件的APP_URL为你的HTTPS域名：

   APP_URL=https://your-domain.com
   

3. 强制所有路由使用HTTPS：
   在app/Providers/AppServiceProvider.php的boot方法中添加以下代码：

   use Illuminate\Support\Facades\URL;
   
   public function boot()
   {
       if (env('APP_ENV') === 'production') {
           URL::forceScheme('https');
       }
   }
   

   这样可以确保所有生成的链接都是HTTPS格式，避免出现HTTP跳转的情况。

4. 最后更新Facebook开发者后台的「有效的OAuth跳转URI」为你的HTTPS回调地址，比如https://your-domain.com/auth/facebook/callback

三、检查Socialite配置 #

确认config/services.php里的Facebook配置正确，回调地址要和你设置的HTTPS地址一致：

'facebook' => [
    'client_id' => env('FACEBOOK_CLIENT_ID'),
    'client_secret' => env('FACEBOOK_CLIENT_SECRET'),
    'redirect' => env('FACEBOOK_REDIRECT_URI'), // 这里要对应你的HTTPS回调地址
],

建议把FACEBOOK_REDIRECT_URI直接定义在.env文件中，方便后续修改：

FACEBOOK_REDIRECT_URI=https://your-domain.com/auth/facebook/callback

按照上面的步骤逐一配置后，再尝试Facebook登录，这个“Insecure Login Blocked”的错误应该就能解决了。

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