1
votes

Connexion Twitter avec React TypeError: échec de la récupération

J'exécute le projet React sur localhost: 3000. J'essaye de me connecter avec Twitter en utilisant React.

OPTIONS http://localhost:4000/api/v1/auth/twitter net::ERR_CONNECTION_REFUSED

Lorsque j'ai cliqué sur l'icône de connexion Twitter. J'obtiens l'erreur "TypeError: Failed to fetch"

Et pour la console, j'obtiens l'erreur suivante:

URL:  http://localhost:3000/login/

<TwitterLogin
    loginUrl="http://localhost:4000/api/v1/auth/twitter"
    onFailure={this.onFailed}
    onSuccess={this.onSuccess}
    requestTokenUrl="http://localhost:4000/api/v1/auth/twitter/reverse"
/>

Je suis également confus sur ce que je dois mettre pour l'URL du site Web et l'URL de rappel pour les paramètres du développeur Twitter. Veuillez aider. Merci beaucoup!

reactjs twitter-oauth

2 commentaires

Quel service fonctionne sur localhost: 4000 (?)

Je ne sais pas que je viens de suivre ce tutoriel et cela n'a pas fonctionné pour moi. medium.com/@ robince885 /…

3 Réponses :

-1
votes

Référer leur document

<TwitterLogin
    //localhost:4000 endpoint should be your api running url
    loginUrl="http://localhost:4000/api/v1/auth/twitter"
    onFailure={this.onFailed}
    onSuccess={this.onSuccess}
    //your api endpoint
    requestTokenUrl="http://localhost:4000/api/v1/auth/twitter/reverse"
/>

1 commentaires

même erreur pour moi aussi mais cela ne fonctionne pas :(

-1
votes

<TwitterLogin
    loginUrl="http://<API-endpoint>/api/v1/auth/twitter"
    onFailure={this.onFailed}
    onSuccess={this.onSuccess}
    //your api endpoint
    requestTokenUrl="http://<API-endpoint>/api/v1/auth/twitter/reverse"
/>
Do not use localhost since you can get cors errors. See documentation for cors.

2 commentaires

Bonjour, je l'ai changé et j'obtiens une erreur différente "SyntaxError: Unxpected token

pouvez-vous créer un bac à sable

-1
votes

Essayez un autre package react-twitter-login a>

Cette implémentation n'a utilisé aucun backend et créée pour OAuth simple avec Twitter:

import React from "react";
import TwitterLogin from "react-twitter-login";

export default props => {
  const authHandler = (err, data) => {
    console.log(err, data);
  };

  return (
    <TwitterLogin
      authCallback={authHandler}
      consumerKey={CONSUMER_KEY}
      consumerSecret={CONSUMER_SECRET}
      callbackUrl={CALLBACK_URL}
    />
  );
};

0 commentaires