当我使用 cloud9 IDE 时，我应该如何设置 Facebook 应用程序域？

Question

我正在使用 Laravel 5.6 + Socialite to implement a login flow using Facebook. I'm also using cloud9 来帮助我开发它。

我按照 many tutorials, but this red message 当我尝试通过我的开发环境登录时仍然出现：

Can't Load URL: The domain of this URL isn't included in the app's domains. To be able to load this URL, add all domains and subdomains of your app to the App Domains field in your app settings.

有些东西不见了。这似乎是 Facebook 设置问题，我认为我的 Cloud9 URL 可能是导致它的原因。也许 C9 网址被列入黑名单，但我在这里或其他地方没有找到任何关于它的官方确认。

这是我当前的 "Facebook For Developers" 设置：

设置 > 基本 > 应用域：myapp-myusername.c9users.io/
设置 > 基本 > 网站：http://myapp-myusername.c9users.io/
设置 > 高级 > 域管理器列表：http://myapp-myusername.c9users.io/ 和 http://myapp-myusername.c9users.io:8080/
设置 > 高级 > 共享重定向白名单：允许标记为 "Yes"

我的控制器（app/Http/Controllers/SocialAuthFacebookController.php）：

<?php

namespace Zyga\Http\Controllers;
use Socialite;

class SocialAuthFacebookController extends Controller
{
    public function handleProviderCallback()
    {
        return Socialite::driver('facebook')->user();
    }

    public function redirectToProvider()
    {
        return Socialite::driver('facebook')->redirect();
    }
}

config/services.php:

'facebook' => [
    'client_id' => 'blablabla1',
    'client_secret' => 'blablabla2',
    'redirect' => 'https://myapp-myusername.c9users.io/login/facebook/callback',
],

路线（web.php）：

Route::get('login/facebook', 'SocialAuthFacebookController@redirectToProvider');
Route::get('login/facebook/callback', 'SocialAuthFacebookController@handleProviderCallback');

添加了别名和提供商config/app。php:

'providers' => [
    // ...
    Laravel\Socialite\SocialiteServiceProvider::class,
],
'aliases' => [
    // ...
     'Socialite' => Laravel\Socialite\Facades\Socialite::class,
],

还有我的登录按钮：

<a href="{{url('/login/facebook')}}">Login with Facebook</a>

编辑

我保存后 http://myapp-myusername.c9users.io/ 没有显示 "http"。

有什么建议吗？我还应该检查其他什么吗？我知道我们可以在这里找到其他类似的问题，但它们似乎已经过时，因为 Facebook 开发仪表板现在提供不同的设置。

Answer 1

这是 Facebook 设置问题。

您需要 "Add Product"，按照向导操作，然后在“设置”中将所有重定向和回调 URL 添加到 "Valid OAuth redirect URIs" 中。此表格仅出现在您的 "Add Product" 之后。

它在 Cloud9 中完美运行，您不需要设置端口等。

当我使用 cloud9 IDE 时，我应该如何设置 Facebook 应用程序域？

How should I set Facebook app domains when I'm using cloud9 IDE?

php

facebook

cloud9-ide

laravel