jackrobertscott

import axios from 'axios';

async function getGitHubUserData(access_token) {
  const { data } = await axios({
    url: 'https://api.github.com/user',
    method: 'get',
    headers: {
      Authorization: `token ${access_token}`,
    },
  });

jackrobertscott

import axios from 'axios';
import * as queryString from 'query-string';

async function getAccessTokenFromCode(code) {
  const { data } = await axios({
    url: 'https://github.com/login/oauth/access_token',
    method: 'get',
    params: {
      client_id: process.env.APP_ID_GOES_HERE,
      client_secret: process.env.APP_SECRET_GOES_HERE,

jackrobertscott

import * as queryString from 'query-string';

const urlParams = queryString.parse(window.location.search);

console.log(`The code is: ${urlParams.code}`);

jackrobertscott

return (
  <a href={githubLoginUrl}>
    Login with GitHub
  </a>
);

jackrobertscott

import * as queryString from 'query-string';

const params = queryString.stringify({
  client_id: process.env.APP_ID_GOES_HERE,
  redirect_uri: 'https://www.example.com/authenticate/github',
  scope: ['read:user', 'user:email'].join(' '), // space seperated string
  allow_signup: true,
});

const githubLoginUrl = `https://github.com/login/oauth/authorize?${params}`;

jackrobertscott

import axios from 'axios';

async function getFacebookUserData(access_token) {
  const { data } = await axios({
    url: 'https://graph.facebook.com/me',
    method: 'get',
    params: {
      fields: ['id', 'email', 'first_name', 'last_name'].join(','),
      access_token: accesstoken,
    },

jackrobertscott

import axios from 'axios';

async function getAccessTokenFromCode(code) {
  const { data } = await axios({
    url: 'https://graph.facebook.com/v4.0/oauth/access_token',
    method: 'get',
    params: {
      client_id: process.env.APP_ID_GOES_HERE,
      client_secret: process.env.APP_SECRET_GOES_HERE,
      redirect_uri: 'https://www.example.com/authenticate/facebook/',

jackrobertscott

import * as queryString from 'query-string';

const urlParams = queryString.parse(window.location.search);

console.log(`The code is: ${urlParams.code}`);

jackrobertscott

return (
  <a href={facebookLoginUrl}>
    Login with Facebook
  </a>
);

jackrobertscott

import * as queryString from 'query-string';

const stringifiedParams = queryString.stringify({
  client_id: process.env.APP_ID_GOES_HERE,
  redirect_uri: 'https://www.example.com/authenticate/facebook/',
  scope: ['email', 'user_friends'].join(','), // comma seperated string
  response_type: 'code',
  auth_type: 'rerequest',
  display: 'popup',
});