social-auth-np
Making life easier to integrate social signup in applications
Install
npm install --save social-auth-np
Examples
https://github.com/keyrunpay/social-auth-np/tree/master/example
Pulling Examples to your local file
npx degit github:keyrunpay/social-auth-np/example#master social-auth
Usage Client Side
Social Login Button Component
import React from "react";import socialAuthNp from "social-auth-np"; { const loginOption = ...socialAuthNp // available auth options "facebook", "google", "github", "linkedin" client_id: "FB_CLIENT_ID" redirect_uri: "http://localhost:3000/facebook_auth_callback" ; const fbLoginUrl = socialAuthNp; // available auth options "facebook", "google", "github", "linkedin" return <div ="App"> <br /> <a => <button>Login with facebook</button> </a> </div> ;}
Fb Redirected Page Component
import React from "react";import socialAuthNp from "social-auth-np";import Axios from "axios"; { const code = socialAuthNpcode; const resp setResp = React; const submitCode = try const data = await Axios; ; catch err ; ; React; return <div> <p>FB Code is: code</p> <p>Please wait submitting code for verification</p> resp && <p>JSON</p> </div> ;}
Usage Server Side
const socialAuthNp = ; const authFacebook = async { const code = reqquery; if !code resstatus401; return; const params = client_id: "CLIENT_ID" client_secret: "CLIENT_SECRET" redirect_uri: "http://localhost:3000/facebook_auth_callback" code ; try const data = await socialAuthNp; // available auth options "facebook", "google", "github", "linkedin" const access_token = dataaccess_token; if !access_token resstatus401; return; const response = await socialAuthNp; // available auth options "facebook", "google", "github", "linkedin" /* I hope from here you will use the info that is generated to match with your own database info and do issue JWT token or make a session for user */ res; catch err resstatus401; }; moduleexports = authFacebook;
Information
The example provided here is in ReactJS
but this package is compatible with all fontend framework
like angular, vue, react....
Feel free to use and create ans issue
if you find any bug
About Author
Kiran Neupane
tokeyrun@gmail.com
Facebook
Support This Package
React Tutor @ Youtube
Channel Name: Buggged
Youtube
Website
License
MIT © keyrunpay