Simple Authentication for React
Sample Application using react-simple-auth:
npm i react-simple-auth
Copy file from
/node_modules/react-simple-auth/dist/redirect.html into folder that will service static files. E.g. If you are using create-react-app this will be the
public folder. Ensure your OAuth provider is configured to redirect to this html page instead of your normal application / index page.
Create a provider
You would have to look at each OAuth provider's developer documentation for details.
See the sample for Microsoft AAD v2 OpenID-Connect from the sample project:
Call the various methods from the auth service
import RSA from 'react-simple-auth' import facebookProvider from './providers/facebook'
Somewhere inside the component:
// Open login window and wait for user to sign in const session = await RSA.acquireTokenAsync(facebookProvider) // Invoke Redux login action dispatcher login(session.userId, session.userName)