헤더 버튼 확장하기

개발
1

안녕하세요 - 이미 잘 구축된 Discourse 포럼을 인수받았습니다. “계정 만들기” 헤더 버튼의 기능을 수정하고 싶습니다.

버튼을 검사하기 위해 Ember Chrome 플러그인을 설치하는 데 성공했는데, 다음과 같은 경로를 확인했습니다:

​/​var​/​www​/​discourse​/​app​/​assets​/​javascripts​/​discourse​/​node_modules​/​.embroider​/​rewritten-app​/​components​/​header​/​auth-buttons.js

확실하지는 않지만, 관련 JS가 여기에 있는 것 같습니다?

https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/header/auth-buttons.gjs

포럼의 관리자 패널에 접근할 수 있으며, ‘Components’ 항목으로 들어갈 수 있지만 이 버튼에 대한 항목은 보이지 않습니다. 일부 사용된 “test” 컴포넌트는 확인했는데, 이 중 하나를 활성화하고 auth-buttons.gjs 파일의 내용을 공통 헤드 섹션에 복사해 보았지만 저장 시 오류가 발생했습니다.

따라서 제 질문은 - 이 버튼의 기능을 확장하고 사용자 정의하는 방법이 무엇인지에 대한 것입니다.

미리 감사합니다.

2

안녕하세요, 이 버튼들로 무엇을 하려고 하시나요?

3

사용자가 메인 사이트를 통해 가입하도록 하고, 가입 후 계정 로그인 기능이 포럼에서도 작동하도록 하려고 합니다…

4

SSO를 꼭 사용해야 합니다. SSO 제공자가 올바르게 구성되면 Discourse가 자동으로 해당 제공자에 맞게 조정됩니다.

5

이미 SSO를 사용 중입니다 - 포럼은 메인 사이트와 동일한 제공자를 통해 사용자를 인증합니다. 하지만 사용자가 포럼에서 계정을 등록할 때 단순히 메인 사이트로 유도하고 싶은데, 이를 위한 최선의 방법은 무엇일까요?

6

정말 그렇게 하길 원하시나요? 사용자 입장에서 보면 누군가가 그들을 속이려는 것처럼 보일 수 있습니다. 포럼에 관심이 있었는데, 등록 후에는 다른 곳에 있게 될 테니까요.

7

로컬 로그인 포함하여 다른 모든 인증 방법을 비활성화하고, 로그인 옵션으로 SSO만 남기세요. 그러면 사용자는 자동으로 메인 사이트 로그인 페이지로 이동하게 됩니다.

8

올바르게 설정하면 로그인 후 다시 원래 페이지로 리다이렉트되지 않을까요?

9

인증은 정상적으로 작동합니다. 문제는 메인 사이트로 이동하도록 사용자화하려는 “회원가입” 버튼입니다…

10

제가 위에서 제안한 것이 바로 그것입니다.

11

동의합니다. 올바르게 설정하면 기본 제공되는 로그인 및 가입 버튼이 메인 사이트로 이동합니다. 기본 UI를 수정할 필요가 없습니다.

12

그러면 관리자 화면 어딘가에 가입 프로세스에 사용할 외부 URL을 지정할 수 있는 옵션이 있어야 하는 건가요?

13

아니요, 해당 파라미터는 SSO 제공업체에서 공급합니다. Discourse는 헤더에 “로그인” 버튼만 표시하고, SSO 제공업체가 제공하는 인증 엔드포인트로 사용자를 리다이렉트합니다.

14
15

중요한 부분이긴 합니다… 비슷한 해결책을 너무 자주 봐왔습니다. 그 주요 목적은 사용자를 판매가 이루어지는 메인 사이트로 영구적으로 되돌려 보내는 것입니다. 하지만 구글이 하는 것과 같은 목적이라면, 즉 짧은 우회 경로를 통해 인증을 한 뒤 다시 포럼으로 돌아오는 방식이라면, 전혀 괜찮은 방법입니다.

16

안녕하세요 :wave:

여기 커스텀 가입(Sign Up) 버튼을 추가할 수 있는 테마 컴포넌트입니다. 방금 최신 코어 변경 사항에 맞게 업데이트했습니다.

17

즉, 로컬 로그인이 비활성화되어 있으면 버튼이 바로 SSO 인증으로 이동하나요?

18

네. SSO가 유일한 인증 방식인 경우 발생하는 일입니다.

19

네, SSO가 인증(Auth)만 담당한다면, "계정 생성"을 메인 사이트로 보내야 할 때 여기서 어떻게 도움이 될 수 있을까요?

20

SSO가 올바르게 설정되면 가입 버튼은 표시되지 않습니다. 그런 다음 @Don이 위에 링크한 컴포넌트를 사용해 사용자 지정 계정 생성 버튼을 추가할 수 있습니다.