- 로그인 과정
1. [프론트] 깃헙 버튼을 누른다. a 태그로 되어있고 href는 개발한 서버의 auth api의 주소가 담겨있음
2. [백엔드] auth api를 가보면 github auth 주소를 감싸고 있는 함수가 있음. 결국은 여기로 이동하게 됨.
3. [백엔드] 사용자가 로그인을 하면 내 origin 주소 뒤에 code = 어쩌구 저쩌구가 있는데 이걸 github api auth api에 post 하면 access_token을 리턴함
4. [백엔드] 리턴된 access_token을 이용해서 해당 사용자의 정보를 알 수 있음.
5. [백엔드] ORM 함수를 호출해서 해당 유저를 저장함.
- 내가 해야할 것
1. node의 express route 사용법 알기
2. js ORM인 typeORM 사용법 아는것
참고문서
https://devhyun.com/blog/post/15
GitHub 소셜 로그인 구현 - 데브현
요즘 웹 애플리케이션을 보면 XXX로 로그인 기능을 많이 보셨을 겁니다. 간편 로그인이라고 불리는 이 인증 시스템은 신뢰할 수 있는 외부 시스템의 인증 정보를 자신의 애플리케이션에서 활용��
devhyun.com
https://codeac.tistory.com/107
Github Oauth App의 Authorization 처리
Authorizing OAuth Apps 를 통해 문서확인이 가능하며 이 문서를 토대로 인증구현 방법을 작성하였다. https://developer.github.com/apps/building-oauth-apps/authorizing-oauth-apps/ Github의 OAuth Applicati..
codeac.tistory.com
https://github.com/velopert/velog-server
velopert/velog-server
Contribute to velopert/velog-server development by creating an account on GitHub.
github.com
https://github.com/velopert/velog-client
velopert/velog-client
Contribute to velopert/velog-client development by creating an account on GitHub.
github.com
'개발일지' 카테고리의 다른 글
| [developergarten 개발기] 5. github 소셜 로그인 구현 실제 (2) (0) | 2020.05.24 |
|---|---|
| [developergarten 개발기] 4. github 소셜 로그인 구현 실제 (1) (0) | 2020.05.23 |
| [developergarten 개발기] 2. 간단 서버 만들기 (0) | 2020.05.16 |
| [developergarten 개발기] 1. Apollo 서칭 (0) | 2020.05.16 |
| 티몬 프론트엔드 과제 후기 (0) | 2020.03.23 |