2017-10-01 3 views
0

Jetzt erstelle ich Twitch Apps mit React-Redux.Auth0 Custom Social Connections Erweiterung funktioniert nicht mit Twitch?

Ich habe nur ein Authentifizierungsproblem mit 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' 
     }) 
    } 
} 

Wenn ich diesen Code ausführen, gibt Auth0 folgenden Fehler zurück.

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

Meine Einstellungen Screenshots sind unten.

Twitch Developer Dashboard Apps

Auth0 Custom Social Connection

Vielen Dank für Ihre im Voraus zu helfen.

Antwort

0

Hallo, Sie müssen den Twitch-Callback auf auth0, nicht localhost umleiten. https://manage.auth0.com/#/clients

Hoffnung, das hilft :)

+0

Hallo, vielen Dank für Ihre helfenden, Jed: Die Domain benötigt wird, kann in den Einstellungen Ihres auth0 Client zu finden. – Hei

+0

Ich versuche twitch redirect uri zu ändern. Ich kann erreichen, um Seite zu autorisieren. 'https: //passport.twitch.tv/authorisierungen/new? client_id = xxx & login = xxx & redirect_uri = https: // xxx.auth0.com/login/callback & response_type = code & scope = openid + channel_editor + channel_read & state = xxx' Wenn ich zustimme, 401 Fehler ist aufgetreten. – Hei

+0

sieht es so aus, als ob Sie auth0 scope in der Twitch-URL verwenden. Sie müssen den Bereich ändern, um 'user_read' für eine erfolgreiche Anmeldung zu sein – Jed

Verwandte Themen