_won_
wonprogrammer
_won_
전체 방문자
오늘
어제
  • 분류 전체보기
    • woncoding
      • TIL
      • WIL
    • source Code
      • Python
      • Programmers
      • BAEKJOON

블로그 메뉴

  • 방명록

티스토리

Github · Wonprogrammer
hELLO · Designed By 정상우.
_won_

wonprogrammer

woncoding/TIL

TIL | 12.5.월 [DRF ↔️ JS CRUD]

2022. 12. 5. 21:21

- Django Rest Framework

Front JS CRUD

 

 

[소셜 로그인 기능]

 

- Frontend 구성

  • html 구성

https://stackoverflow.com/questions/68438293/the-given-origin-is-not-allowed-for-the-given-client-id-gsi

 

The given origin is not allowed for the given client ID (GSI)

I was refactoring my "Sign in with Google" by replacing gapi with gsi on http://localhost:8080. How can gapi work without problems while gsi claims that The given origin is not allowed fo...

stackoverflow.com

 

  • JS 구성

https://developers.google.com/identity/gsi/web/guides/display-button#javascript

 

Google 계정으로 로그인 버튼 표시  |  Authentication  |  Google Developers

이 페이지는 Cloud Translation API를 통해 번역되었습니다. Switch to English 의견 보내기 Google 계정으로 로그인 버튼 표시 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하

developers.google.com

 

 


 

 

- Backend 구성

https://medium.com/chanjongs-programming-diary/django-rest-framework%EB%A1%9C-%EC%86%8C%EC%85%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-api-%EA%B5%AC%ED%98%84%ED%95%B4%EB%B3%B4%EA%B8%B0-google-kakao-github-2ccc4d49a781

 

Django-Rest-Framework(DRF)로 소셜 로그인 API 구현해보기(Google, KaKao, Github)

SPA(react.js), Mobile App을 DRF(Django-Rest-Framework)와 연동하여 진행하는 프로젝트의 일환으로 소셜 로그인을 구현해 보았다.

medium.com

 

 

위에 까지 1단계 = google 자체에 로그인만 가능함

👉 2단계 = google에서 받아온 정보를 jwt : json 형태로 바꿔서 post해준뒤 access token을 받아서 로그인 해줘야 한다.

저작자표시 비영리 변경금지 (새창열림)

'woncoding > TIL' 카테고리의 다른 글

TIL | 12.7.수 [DRF ↔️ JS CRUD]  (0) 2022.12.09
TIL | 12.6.화 [DRF / github]  (0) 2022.12.06
TIL | 12.2.금 [DRF ↔️ JS CRUD]  (0) 2022.12.02
TIL | 12.1.목 [Back-end]  (0) 2022.12.02
TIL | 11.30.수 [Back-end]  (0) 2022.12.02
    'woncoding/TIL' 카테고리의 다른 글
    • TIL | 12.7.수 [DRF ↔️ JS CRUD]
    • TIL | 12.6.화 [DRF / github]
    • TIL | 12.2.금 [DRF ↔️ JS CRUD]
    • TIL | 12.1.목 [Back-end]
    _won_
    _won_
    Coding Practice blog

    티스토리툴바