UI 커스터마이즈

UI 커스터마이즈 (UI Customization)

Argo CD UI를 사용자 환경에 맞게 커스터마이즈하는 방법을 알아봐요. 기본 애플리케이션 상세 보기, 파드 뷰의 노드 라벨, CLI 다운로드 링크 등을 설정할 수 있답니다.

출처: 문서

본문

기본 애플리케이션 상세 보기 (Default Application Details View)

기본적으로 Application Details는 Tree 뷰를 보여줘요.

이것은 pref.argocd.argoproj.io/default-view 어노테이션을 설정해 애플리케이션 단위로 구성할 수 있으며, 값으로 tree, pods, network, list 중 하나를 받아요.

Pods 뷰의 경우 기본 그룹핑 메커니즘은 pref.argocd.argoproj.io/default-pod-sort 어노테이션으로 구성할 수 있으며, 값으로 node, parentResource, topLevelResource 중 하나를 받아요.

파드 뷰의 노드 라벨 (Node Labels in Pod View)

argocd-cm ConfigMap에서 application.allowedNodeLabels를 구성하면 파드 뷰의 노드 정보에 노드 라벨을 전파할 수 있어요.

다음과 같은 구성:

application.allowedNodeLabels: topology.kubernetes.io/zone,karpenter.sh/capacity-type

결과는 다음과 같아요:

파드 뷰의 노드 라벨

Help 페이지(사이드바 하단에서 연결)는 항상 Argo CD 서버에 내장된 Linux CLI 바이너리용 다운로드 버튼을 보여줘요. 그래서 사용자는 별도 설정 없이 동작하는 CLI를 받을 수 있어요.

다른 운영체제와 아키텍처용 CLI를 제공하려면 argocd-cm ConfigMap에 help.download.<os>-<arch> 키를 설정하세요. 구성된 각 키는 Help 페이지에 사용자가 제공한 URL을 가리키는 다운로드 버튼을 추가해요:

apiVersion: v1
kind: ConfigMap
metadata:
  name: argocd-cm
  namespace: argocd
data:
  help.download.linux-amd64: "https://example.com/argocd-linux-amd64"
  help.download.linux-arm64: "https://example.com/argocd-linux-arm64"
  help.download.darwin-amd64: "https://example.com/argocd-darwin-amd64"
  help.download.darwin-arm64: "https://example.com/argocd-darwin-arm64"
  help.download.windows-amd64: "https://example.com/argocd-windows-amd64.exe"

다음 <os>-<arch> 키가 인식되며, 그 외의 키는 무시돼요:

  • linux-amd64
  • linux-arm64
  • linux-ppc64le
  • linux-s390x
  • darwin-amd64
  • darwin-arm64
  • windows-amd64

[!NOTE] 기본 Linux 버튼은 구성된 링크와 별개로 항상 표시돼요. 그래서 서버 자체 아키텍처용으로 help.download.linux-<arch>를 구성하면 Linux 버튼이 두 개 생겨요.

더 알아보기 (Learn more)