React Social Authentication Client
Medium posts that detail this repo
Getting Started
git clone https://github.com/funador/react-auth-client.git
cd react-auth-client
npm i && HTTPS=true npm start
Because of Facebook, https is required. Even in development.
Facebook requires all apps interacting with their api (including those in development) to be served over https. This means you will need to run create-react-app in https mode. Plus set up certificates for your server. Go ahead and get yourself a cup of coffee. This could take a minute.
OS X
To add https to localhost follow these instructions.
You will also need to manually add the https certificate to Chrome as described here.
You may also need to open a seperate tab for https://localhost:8080 and accept the security warning before the client will push requests through.
Windows
Thanks to Le Gui PPF for providing the following instructions for setting up SSL locally on Windows:
"Hi thanks for the code ! I haven’t tried it yet cause I spent a whole day (hot minute huh !) figuring out how to generate proper ssl certificate with all Chrome requirements… for those who don’t want to lose their time => https://serverfault.com/a/850961 and add:
echo authorityKeyIdentifier=keyid,issuer
echo basicConstraints=CA:FALSE
echo keyUsage = digitalSignature, nonRepudiation, keyEncipherment, dataEncipherment
to v3 req.
Hope that works for you Windows folks!
If you only want to use Twitter/Google/Github authentication (https is not required), follow the instructions in this branch
Client
Depending on your OS you will have to flag the HTTPS enviornment variable differently. Documentation for different operating systems is here.
Server
Follow the instructions in the server repo
Finally open https://localhost:3000
Deploy
Everything is set up to deploy to Netlify. You just need to npm run build on the client and deploy to netlify.
Issues
Something not working? Please open an issue