Настройка входа в Facebook для пользовательского интерфейса Cognito на localhost - PullRequest
Новая
       13

Настройка входа в Facebook для пользовательского интерфейса Cognito на localhost

0 голосов
/ 09 июня 2018

Я пытаюсь использовать размещенный в AWS Cognito пользовательский интерфейс, чтобы пользователи могли входить в пул пользователей с помощью Facebook.Я хотел бы иметь возможность проходить аутентификацию в моей локальной среде разработки.Моя проблема в том, что я не могу определить правильные URL-адреса, чтобы указать, чтобы все работало на localhost:3000.

Я пробовал много комбинаций, но мне кажется, что я могу получить «Can»Ошибка загрузки UL: 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.

На веб-интерфейсе я использую функцию aws-amplify-react withOAuth, чтобы использовать функцию, загружающую размещенный пользовательский интерфейс: 

import React, {Component} from 'react';
import Amplify from 'aws-amplify';
import { withOAuth } from 'aws-amplify-react';

const oauth = {
    domain: 'my-app-client-domain.auth.us-east-1.amazoncognito.com',
    scope: [
        'phone', 'email', 'profile', 'openid', 'aws.cognito.signin.user.admin'
    ],
    redirectSignIn: 'https://localhost:3000/authenticated',
    redirectSignOut: 'https://localhost:3000/logout',
    responseType: 'code'
}
Amplify.configure({
    Auth: {
        oauth: oauth
    }
});

class LoginButton extends Component {
    render() {
        return (<LoginButtonContainer>
            <LoginButton onPress={this.props.OAuthSignIn}>Log in</LoginButton>
        </LoginButtonContainer>);
    }
}
export default withOAuth(LoginButton);

Моя настройка приложения Facebook выглядит следующим образом в разделе «Настройки -> Основные»:

Домены приложения: my-app-client-domain.auth.us-east-1.amazoncognito.com

URL веб-сайта: https://my-app-client-domain.auth.us-east-1.amazoncognito.com/oauth2/idpresponse

my-app-client-domain.auth.us-east-1.amazoncognito.com https://my-app-client-domain.auth.us-east-1.amazoncognito.com/oauth2/idpresponse

В разделе «Продукты -> Facebook Войти -> Настройки»:

Допустимые URI перенаправления OAuth: https://localhost:3000/authenticated https://localhost:3000/authenticated

Параметры моего пула пользователей в консоли AWS:

В разделе «Интеграция приложений -> Клиент приложения»настройки ": App Client Settings

Очевидно, у меня также есть настройка доменного имени интеграции приложений как" my-app-client-domain ", и у меня есть настройка моего приложения Facebook в разделе" Федерация -> Идентификационные провайдеры "

ИтакПодводя итог, у меня в настоящее время есть следующие настройки URL:

Не выглядят ли какие-либо мои настройки неправильно или, возможно, что-то не связано с реальными URL-адресами, которые я неправильно настроил?

1 Ответ

0 голосов
/ 10 июня 2018

Оказывается, неудивительно, что моя проблема была совершенно не связана.Я установил неверный идентификатор приложения Facebook в AWS для своего провайдера идентификации, поэтому, если у вас возникла эта проблема, стоит дважды проверить.

Как говорится, отсутствие документации по настройке приложения Facebook дляработа с Cognito - это то, что послало меня в эту кроличью норуКроме того, мне также нужно было обновить настройки URL-адреса, поэтому вот настройки, которые у меня сработали:

...