Je travaille sur ReactJS SPA. J'essaie de trouver la bibliothèque que je peux utiliser pour OAuth2 à partir de mon React SPA pour obtenir le code d'autorisation. J'ai essayé d'utiliser les bibliothèques auth0 mais les bibliothèques auth0 redirigent vers / autoriser uniquement le point de terminaison et il n'y a aucun moyen de le configurer. Le point final d'autorisation du serveur d'authentification de notre entreprise est / as / autorisation. Quelqu'un peut-il s'il vous plaît aider quelle bibliothèque React peut être utilisée?
4 Réponses :
Vous pouvez essayer d'utiliser Pathfix, nous avons une extension de connexion qui se connecte à plusieurs fournisseurs.
Pouvez-vous élaborer votre cas d'utilisation OAuth. Je suppose que depuis que vous avez mentionné Auth0, vous essayez de l'utiliser comme fournisseur de connexion?
Avertissement: je travaille avec eux
Nous avons notre propre serveur d'authentification. J'ai essayé d'utiliser les bibliothèques auth0 react pour me connecter à notre serveur d'authentification, mais je ne pouvais pas car nous n'avons pas / autorisons le point de terminaison pour notre service d'authentification
Le point de terminaison à / as / autorisation devrait être correct. La façon dont les bibliothèques fonctionnent est de commencer par le point de terminaison de métadonnées et de rechercher d'autres points de terminaison à partir de là. Jetez peut-être un œil à mon article de blog sur les messages initiaux et voyez si vous pouvez trouver le point de terminaison de l'étape 3.
La bibliothèque la plus courante et la plus mature est oidc-client . Voici quelques exemples de code qui l'utilisent:
Le lien de dépôt GitHub vers certains articles de blog qui pourraient également être utiles.
C'est quelque chose qui peut être facilement réalisé avec Pizzly , un gestionnaire d'intégrations OAuth open source.
Voici un exemple d'utilisation de Pizzly pour récupérer un accessToken :
const App = () => {
// Initialize Pizzly
const pizzly = new Pizzly({ host: PIZZLY_HOSTNAME, publishableKey: PIZZLY_PUBLISHABLE_KEY })
// Use the GitHub API
const github = pizzly.integration('github')
// The connect method lets us authenticate a user
// to our GitHub OAuth application
const connect = () => {
github
.connect()
.then(({ authId, payload }) => {
console.log(authId, payload.accessToken)
})
.catch(console.error)
}
// ...
};
export default App;
J'ai récemment écrit un tutoriel sur l'utilisation de Pizzly + React .
Nous avons fini par utiliser hello.js dans notre application.
Nous avons dû le personnaliser mais cela a fonctionné.