Question

现在，我正在使用React-Redux创建Twitch应用程序。

我只是对Auth0有身份验证问题。

import auth0 from 'auth0-js';

export default class Auth {
    constructor() {
        this.popupTwitch = this.popupTwitch.bind(this)
    }

    auth0 = new auth0.WebAuth({
        domain: 'XXX.auth0.com',
        clientID: XXX,
        redirectUri: 'http://localhost:3000/callback',
        audience: 'https://XXX.auth0.com/userinfo',
        responseType: 'token id_token',
        scope: 'openid'
    });

    popupTwitch() {
        this.auth0.popup.authorize({
            connection: 'twitch'
        })
    }
}

当我运行此代码时，auth0会返回以下错误。

http://localhost:3000/?error=redirect_mismatch&error_description=Parameter+redirect_uri+does+not+match+registered+URI&state=XXX

我的设置屏幕截图如下。

Twitch Developer Dashboard Apps

Auth0 Custom Social Connection

感谢您的帮助。

Answer 1

您好，您需要将twitch回调设置为重定向到auth0，而不是localhost。您可以在auth0客户端的设置中找到所需的域：https://manage.auth0.com/#/clients

希望有所帮助：）

Auth0自定义社交连接扩展无法与Twitch一起使用？

1 个答案: