Discourse에서 사용자가 로그인할 때 요청 헤더에 Authorization 토큰을 설정하는 방법

제품 지원 SSO
1

안녕하세요,

방금 구축한 디스코스(Discourse) 커뮤니티를 제 웹사이트에 통합하는 작업을 하고 있습니다. SSO(DiscourseConnect)도 구현했습니다. Postman에서는 모든 것이 정상적으로 작동합니다.

문제는 이 두 가지를 통합하는 데 막혀 있다는 것입니다.

Postman에서는 요청 헤더에 인증 토큰을 전달하여 인증을 수행할 수 있습니다. 하지만 사용자가 제 디스코스 웹사이트를 통해 로그인하려고 할 때 요청 헤더에 인증 토큰을 전달하는 방법을 모르겠습니다.

즉, 브라우저의 localStorage에 존재하는 Authorization 토큰을 백엔드로 전송되는 URL의 요청 헤더에 어떻게 설정해야 하는지 궁금합니다.

제 기술 스택:- React, Django-rest

더 나은 이해를 위해 아래를 확인해 주세요:-

doubt
doubt1396×355 30.6 KB

응답:-
http://discuss.example.com/session/sso_login?sso=bm9uY2U9Y2I2ODI1MWVlZmI1MjExZTU4YzAwZmYxMzk1ZjBjMGImbmFtZT1zYW0mdXNlcm5hbWU9c2Ftc2FtJmVtYWlsPXRlc3QlNDB0ZXN0LmNvbSZleHRlcm5hbF9pZD1oZWxsbzEyMyZyZXF1aXJlX2FjdGl2YXRpb249dHJ1ZQ%3D%3D&sig=3d7e5ac755a87ae3ccf90272644ed2207984db03cf020377c8b92ff51be3abc3

위 요청에서는 Authorization 토큰을 요청 헤더에 명시적으로 설정하고 있습니다.

통합 작업 시, 요청을 백엔드로 리디렉션하면서 브라우저의 localStorage에 있는 토큰을 요청 헤더에 설정하는 방법은 무엇인가요?

저는 초보자입니다.

2

해결 방법을 찾으셨나요? 저도 정확히 같은 문제를 겪고 있습니다.

3

안녕하세요 @Ankit_Kumar_Jha, 방법을 찾았어요.
대시보드 설정에서 discourse-connect URL을 내 메인 사이트의 프론트엔드 URL로 설정했습니다.

example.com이 내 프론트엔드 사이트이고 discuss.example.com이 내 discourse 사이트라고 가정해 보겠습니다. discourse connect URL을 https://example.com/discourse-sso/와 같은 값으로 설정했습니다. 이 프론트엔드 사이트 URL에서 내 백엔드 API 엔드포인트로 요청을 보내고 있으며, 이 요청에서 인가 토큰을 헤더에 저장하고 있습니다.

이제 성공했습니다!