# discourse-crowd 로그인 화면 HTML 사용자 지정

**URL:** https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168
**Category:** Support
**Created:** [6월 17, 2021, 8:42오전 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168 "2021-06-17T08:42:32Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![fdanard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fdanard/32/219338_2.png) [@fdanard](https://meta.discourse.org/u/fdanard)
#### Post date: [6월 17, 2021, 8:42오전 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/1 "2021-06-17T08:42:32Z")

</div>

여러분 안녕하세요.

저는 디스코르스에 처음 온 초보입니다. 로그인 페이지의 내용을 수정해야 하는데, 어디를 어떻게 수정해야 하는지 모르겠습니다.

URL은 [my.domain.com/auth/crowd](http://my.domain.com/auth/crowd) 형식인데, 로그인 페이지는 뜨지만 그 내용을 편집할 수 없습니다.  
디스코르스 설정 파일에서 **crowd\_custom\_html** 항목을 확인해 보았는데, 해당 내용은 페이지에 표시되는 것과 완전히 일치하지 않습니다.  
이 내용을 어디서 수정할 수 있는지 궁금합니다.

또한 **/auth/crowd** 경로에 리다이렉트가 있는지 확인해 보았지만, 아무것도 없는 것 같습니다.

도와주실 분 계신가요?

감사합니다

**Franck**

---

<div class="post-metadata">

### Author: ![itsbhanusharma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/itsbhanusharma/32/180717_2.png) [@itsbhanusharma](https://meta.discourse.org/u/itsbhanusharma)
#### Post date: [6월 17, 2021, 10:48오전 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/2 "2021-06-17T10:48:50Z")

</div>

Discourse는 SSO를 위해 Atlassian Crowd를 사용하고 있을 가능성이 높습니다.

> **[Crowd: SSO & Identity Management for On-Premise | Atlassian](https://www.atlassian.com/software/crowd)**
>
> Advance your team's identity management with Crowd. Sign sign-on and centralized identity management to create a seamless login experience.

로그인 페이지에 대한 변경 사항이 있는지 Crowd 문서를 확인해 보시기 바랍니다.

---

<div class="post-metadata">

### Author: ![fdanard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fdanard/32/219338_2.png) [@fdanard](https://meta.discourse.org/u/fdanard)
#### Post date: [6월 17, 2021, 12:06오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/3 "2021-06-17T12:06:33Z")

</div>

네, 도움 주셔서 감사합니다. 🙂

---

<div class="post-metadata">

### Author: ![fdanard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fdanard/32/219338_2.png) [@fdanard](https://meta.discourse.org/u/fdanard)
#### Post date: [11월 30, 2021, 10:31오전 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/4 "2021-11-30T10:31:29Z")

</div>

> [@itsbhanusharma](#):
>
> 로그인 페이지에 변경 사항이 있는지 Crowd 문서를 확인해 보세요.

코드를 더 자세히 살펴본 결과(저는 Ruby를 잘 모릅니다), HTML 콘텐츠를 차단하는 코드가 있는 것 같습니다.

> <https://github.com/discourse/discourse-crowd/blob/ddfbe02beeb19c2ca0cb953105cd390c484fe0a3/plugin.rb#L158>

DISCOURSE\_CROWD\_CUSTOM\_HTML을 설정하면 여기에 콘텐츠가 표시되는 것인가요?

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [11월 30, 2021, 1:50오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/5 "2021-11-30T13:50:31Z")

</div>

네, 그렇게 하면 작동할 것입니다. `app.yml` 파일 내에서 `DISCOURSE_CROWD_CUSTOM_HTML` 환경 변수를 설정해야 합니다.

---

<div class="post-metadata">

### Author: ![fdanard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fdanard/32/219338_2.png) [@fdanard](https://meta.discourse.org/u/fdanard)
#### Post date: [11월 30, 2021, 1:52오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/6 "2021-11-30T13:52:32Z")

</div>

안타깝게도 작동하지 않습니다.  
아마도 콘텐츠가 따옴표로 감싸져 있어야 하는 것 같습니다.  
현재 콘텐츠는 따옴표로 감싸져 있지 않습니다.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [11월 30, 2021, 3:17오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/7 "2021-11-30T15:17:42Z")

</div>

네, 맞아요 - 방금 로컬에서 직접 테스트해 보았는데, 따옴표가 포함된 `GlobalSetting` 값의 파싱에 문제가 있는 것 같습니다 (커스텀 HTML에는 거의 항상 따옴표가 포함되죠). 다음 워크어라운드를 방금 push했습니다:

> <https://github.com/discourse/discourse-crowd/commit/7e1a690047e138c7590b040e4b1d3f4d7fb9cd5f>
>
> The discourse.conf file doesn't handle strings with single quotes in them. There…fore we can't use the GlobalSetting interface, and need to reach directly for the ENV.
> 
> Not ideal, and can possibly be improved in future updates of 'launcher', and the discourse.conf file. For now, this commit will solve the issue for this plugin.

사이트를 업데이트하면 이제 훨씬 잘 동작할 것입니다. 이제 저에게 정상적으로 동작하는 예시 값은 다음과 같습니다:

```plaintext
DISCOURSE_CROWD_CUSTOM_HTML: "<a href='https://example.com' style='display: block; margin: 0.5em 0; text-align: center'>Sign up for an example.com account!</a><a style='display: block; text-align: center' href='https://example.com/forgot_password'>Forgot Password</a>"

```

---

<div class="post-metadata">

### Author: ![fdanard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fdanard/32/219338_2.png) [@fdanard](https://meta.discourse.org/u/fdanard)
#### Post date: [11월 30, 2021, 3:21오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/8 "2021-11-30T15:21:40Z")

</div>

데이비드, 정말 감사합니다.  
내일 웹사이트를 업데이트할게요.  
지금 바로 하면 안 되는 시간이에요.

GUI를 통해 웹사이트를 업데이트할 수 있을까요?

알려드릴게요.

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [11월 30, 2021, 3:25오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/9 "2021-11-30T15:25:12Z")

</div>

> [@fdanard](#):
>
> GUI를 통해 웹사이트를 업데이트할 수 있나요?

`app.yml`의 값을 변경하지 않는다면, `/admin/upgrade`를 통해 discourse-crowd 플러그인을 업그레이드할 수 있어야 합니다. 👍

---

<div class="post-metadata">

### Author: ![fdanard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fdanard/32/219338_2.png) [@fdanard](https://meta.discourse.org/u/fdanard)
#### Post date: [11월 30, 2021, 3:26오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/10 "2021-11-30T15:26:49Z")

</div>

포럼이 중단되지 않나요?

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [11월 30, 2021, 3:28오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/11 "2021-11-30T15:28:30Z")

</div>

기타 업데이트와 동일한 방식으로 진행됩니다. 업데이트 실행 중에 몇 초에서 몇 분 정도의 다운타임이나 지연 현상이 발생할 수 있습니다. 가능하시다면, 사이트가 한가한 시간을 기다렸다가 진행하시는 것이 좋습니다.

---

<div class="post-metadata">

### Author: ![fdanard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fdanard/32/219338_2.png) [@fdanard](https://meta.discourse.org/u/fdanard)
#### Post date: [11월 30, 2021, 3:30오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/12 "2021-11-30T15:30:14Z")

</div>

좋아요, 시작합니다.  
모든 것에 감사합니다. 알려드릴게요 🙂

---

<div class="post-metadata">

### Author: ![fdanard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fdanard/32/219338_2.png) [@fdanard](https://meta.discourse.org/u/fdanard)
#### Post date: [11월 30, 2021, 3:45오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/13 "2021-11-30T15:45:16Z")

</div>

@david 간단한 질문 하나 드릴게요.

**crowd\_popup\_title** 과 **crowd\_title** 이 있는 걸 봤어요.

둘의 차이는, 첫 번째는 팝업에서, 두 번째는 전체 페이지에서 표시된다는 거죠?

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [11월 30, 2021, 3:51오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/14 "2021-11-30T15:51:37Z")

</div>

‘popup’이라는 용어는 다소 구식이 되었습니다. 인증에 팝업을 더 이상 사용하지 않으므로, 해당 값은 실제로 인증 중 탭의 `<title>`로 사용됩니다:

(즉, 이 부분입니다:)

 ![Screenshot 2021-11-30 at 15.50.41](https://global.discourse-cdn.com/meta/original/3X/6/8/689a022392ce059f06836dfdf7639fff1d0bd86d.png)

`crowd_title`은 로그인 버튼의 레이블로 사용됩니다(여러 로그인 방법을 활성화한 경우).

`crowd_popup_title`을 지정하지 않으면, 로그인 탭의 `<title>`로 `crowd_title`이 사용됩니다.

---

<div class="post-metadata">

### Author: ![fdanard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fdanard/32/219338_2.png) [@fdanard](https://meta.discourse.org/u/fdanard)
#### Post date: [11월 30, 2021, 3:55오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/15 "2021-11-30T15:55:42Z")

</div>

> [@david](#):
>
> 'popup’이라는 단어는 조금 오래되었습니다. 더 이상 인증에 팝업을 사용하지 않으므로, 해당 값은 실제로 인증 중에 탭의 `<title>`로 사용됩니다:

아, 그렇군요.  
그렇게 말하는 이유는, 업데이트 이후 로그인 시 팝업이 없기 때문입니다. 현재는 로그인에 전체 페이지를 사용하고 있습니다.

참고로, 배경 등 이 페이지를 커스터마이징할 방법이 있을까요?

---

<div class="post-metadata">

### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)
#### Post date: [11월 30, 2021, 4:35오후 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/16 "2021-11-30T16:35:23Z")

</div>

네, `DISCOURSE_CROWD_CUSTOM_CSS`를 사용하여 페이지에 사용자 정의 CSS 규칙을 추가할 수 있습니다.

---

<div class="post-metadata">

### Author: ![fdanard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fdanard/32/219338_2.png) [@fdanard](https://meta.discourse.org/u/fdanard)
#### Post date: [12월 1, 2021, 8:04오전 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/17 "2021-12-01T08:04:23Z")

</div>

좋은 아침이에요 @david

그렇게 하겠습니다.  
정말 감사합니다.  
좋은 하루 보내세요. 🙂

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [12월 31, 2021, 8:04오전 UTC](https://meta.discourse.org/t/customize-discourse-crowd-login-screen-html/194168/18 "2021-12-31T08:04:46Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
