react-social-auth
Simple client side social authentication for React applications.
Version History/Changelog
See our changelog
Installing
npm install react-social-auth
This package requires lodash/fp
, so make sure that's available in your app.
Usage
Client Side Code:
let <Button style= width: 175 className="cursor-pointer" color="primary" onClick=onClick > <Flex> <i className="fa fa-google-plus" /> Log in with Google </Flex> </Button> let <Button style= width: 175 className="cursor-pointer" color="primary" onClick=onClick > <Flex> <i className="fa fa-linkedin-square" /> Log in with LinkedIn </Flex> </Button> let { // Use the authentication payload to verify // the identity of the request using server // side authentication procedures. console} <Flex> <GoogleAuth appId="[YOUR_GOOGLE_APP_ID]" onSuccess=onSignIn component=GoogleButton /> <LinkedInAuth appId="[YOUR_LINKEDIN_APP_ID]" onSuccess=onSignIn component=LinkedInButton /> <SalesForceAuth appId="[YOUR_SALESFORCE_APP_ID]" onSuccess=onSignIn component=SalesForceButton /> </Flex>
Server side authentication procedures:
- LinkedIn (Step 2)
- SalesForce
SalesForce server side code:
let salesforce = async { let appId clientSecret = '[Object containing your API key and secret]' let oauth2 = loginUrl: 'https://login.salesforce.com' clientId: appId clientSecret redirectUri let conn = oauth2 await conn let email = await connchatter // More code to lookup user by email and other authentication steps.}