OAuth

const loginRequestHandler = () => {
  // TODO: GitHub로부터 사용자 인증을 위해 GitHub로 이동해야 합니다. 적절한 URL을 입력하세요.
  // OAuth 인증이 완료되면 authorization code와 함께 callback url로 리디렉션 합니다.
  // 참고: https://docs.github.com/en/free-pro-team@latest/developers/apps/identifying-and-authorizing-users-for-github-apps
  return window.location.assign(
    `https://github.com/login/oauth/authorize?client_id=${CLIENT_ID}`,
  );
};

useEffect(() => {
  // Authorization Server로부터 클라이언트로 리디렉션된 경우, Authorization Code가 함께 전달됩니다.
  // ex) http://localhost:3000/mypage?code=5e52fb85d6a1ed46a51f
  const url = new URL(window.location.href);
  const authorizationCode = url.searchParams.get('code');
  const state = url.searchParams.get('state');
  console.log(state, authorizationCode);
  if (authorizationCode && state === null) {
    getAccessToken(authorizationCode, state);
  } else if (authorizationCode && state === 'naver') {
    getNaverAccessTocken(authorizationCode, state);
  } else if (authorizationCode && state === 'KAKAO') {
    getKAKAOAccessTocken(authorizationCode, state);
  }
}, []);

const getAccessToken = async authorizationCode => {
  // 받아온 Authorization Code로 다시 OAuth App에 요청해서 Access Token을 받을 수 있습니다.
  // Access Token은 보안 유지가 필요하기 때문에 클라이언트에서 직접 OAuth App에 요청을 하는 방법은 보안에 취약할 수 있습니다.
  // Authorization Code를 서버로 보내주고 서버에서 Access Token 요청을 하는 것이 적절합니다.
  // TODO: 서버의 /callback 엔드포인트로 Authorization Code를 보내주고 Access Token을 받아옵니다.
  // Access Token을 받아온 후 state에 Access Token을 저장하세요
  axios
    .post('http://localhost:4000/callback', {
      authorizationCode,
      state: 'GITHUB',
    })
    .then(res => {
      console.log(res.data);
      setAccessToken(res.data.accessToken);
      setOAuth(res.data.state);
      setIsLogin(true);
    })
    .catch(err => {
      console.log(err.response.data);
      console.log('ERREO');
    });
};

module.exports = async (req, res) => {
  // req의 body로 authorization code가 들어옵니다. console.log를 통해 서버의 터미널창에서 확인해보세요!
  // authorization code를 이용해 access token을 발급받기 위한 post 요청을 보냅니다. 다음 링크를 참고하세요.
  // https://docs.github.com/en/free-pro-team@latest/developers/apps/identifying-and-authorizing-users-for-github-apps#2-users-are-redirected-back-to-your-site-by-github
  const { state } = req.body;
  console.log(req.body);
  if (state === "GITHUB") {
    try {
      const result = await axios({
        method: "post",
        url: `https://github.com/login/oauth/access_token`,
        headers: {
          accept: "application/json",
        },
        data: {
          client_id: CLIENT_ID,
          client_secret: CLIENT_SECRET,
          code: req.body.authorizationCode,
        },
      });
      const accessToken = result.data.access_token;
      return res.status(200).send({ accessToken, state });
    } catch (err) {
      return res.status(401).send({ message: "error" });
    }
  }

if (OAuth === 'GITHUB') {
  axios
    .post('http://localhost:4000/userinfo', { accessToken, OAuth })
    .then(res => {
      console.log(res);
      const { githubUserData, serverResource } = res.data;
      setIsLoading(false);
      setServerResource(serverResource);
      setGithubUser(githubUserData);
    })
    .catch(err => {
      console.log(err.response.data);
      console.log('ERROR');
    });
}

if (OAuth === 'GITHUB') {
  return axios
    .get('https://api.github.com/user', {
      headers: {
        Authorization: `token ${accessToken}`,
      },
    })
    .then(res => res.data)
    .then(githubUserData => {
      res.cookie('userData', { githubUserData, serverResource }, cookieOption);
      res.send({ githubUserData, serverResource });
    })
    .catch(e => {
      res.sendStatus(403);
    });
}

axios
  .delete('http://localhost:4000/logout', {
    data: { accessToken, hello: 'hello' },
  })
  .then(() => {
    console.log('done');
    setIsLogin(false);
  })
  .catch(err => {
    console.log(err.response.data);
  });

module.exports = (req, res) => {
  const { accessToken } = req.body;
  // 클라이언트에서 전달받은 access token를 이용해 사용자의 권한 부여를 취소합니다. 다음 링크를 참고하세요.
  // https://docs.github.com/en/rest/apps/oauth-applications
  console.log(req.body);
  axios
    .delete(`https://api.github.com/applications/${CLIENT_ID}/token`, {
      data: {
        access_token: accessToken,
      },
      auth: {
        username: CLIENT_ID,
        password: CLIENT_SECRET,
      },
    })
    .then(() => {
      res.status(205).send('Successfuly Logged Out');
    })
    .catch(e => {
      //console.log(e.response);
      console.log('ERREOR');
    });
};