Jenkins에서 왼쪽메뉴 (Left Sidebar) 추가 방법

1. Plugin 소개
“jenkins“는 빌드 시스템에서 이제는 필수 사항인 툴입니다. 기본적으로 제공하는 기능만 잘 사용해도
전혀 무리가 없습니다.
하지만 기능을 조금씩 알게 될수록 또는  비즈니스적 요구에 의해서 기본 기능외에
“다양한 기능 구현“이 필요 합니다.

다행히 “jenkins”는이클립스처럼  “유용한 플러그인” 을 제공하며, 잘 활용하면 매우 훌륭한
빌드 시스템을 구축 할수 있습니다.

이번에  소개할 플러그인 “sidebar-link“라는 플러그인 입니다. 해당 플러그인의 간략한 기능 설명을 하자면
기본적으로 제공하는 “jenkins의 왼쪽 메뉴“는 아래 그림처럼 고정(fixed) 되어 있습니다.

이렇게 고정된 메뉴 하단에 “사용자 정의 메뉴 (텍스트 + 링크)“를 추가 해주는 “플러그인” 입니다.
2. userContent란?
예제를 위해서 잠시 다른 얘기를 하려고 합니다.  “jenkins“는 사용자 들이 마음대로 사용할수 있는
웹 리소스” 공간을 제공 합니다.
물리적 위치는 리눅스 기준으로  “$JENKINS_HOME/userContent” 입니다.
(아무런 설정을 하지 않으면 “/home/{userId}/.jenkins/userContent“)
해당 디렉토리는 웹 컨텍스트 디렉토리이기 때문에 “이미지“, “html” 심지어
jsp“도 동작이 가능 합니다.

만약 “$JENKINS_HOME/userContent” 밑에 “plugin.png“를 넣고,
http://serverIP:Port/jenkins/userContent/jenkins.png “라고 웹 브라우져로 접속을 하면
이미지를 확인 할수 있습니다.

저 같은 경우 “javadocs“,  “코드 커버리지결과“, “code inspection 리포트” 등을 “userContent
에 저장을 합니다.
심지어 최종 필드 패키지(war, jar, tar)도 해당 위치에 저장을 합니다.

즉,  빌드에 필요한 모든 결과물을 “userContent”에 아카이빙 합니다.


3. PlugIn 설치하기

다시 본 주제로 돌아와서 위에서 말씀 드린 “userContent” 디렉토리에 결과물을 저장하는
방법은 나름 괜찮은 방법 이지만, 각 파트 빌드 담당자 (PL 또는 관련 업체 분들)분들이
매번 웹 브라우져 주소창에 직접 입력해서 접근해야 하는 불편함이 있었습니다.

그중 한 개발자분께서 왼쪽 메뉴에 같이 링크가 있었으면 편할것 같다는 “아이디어”를
주셨고, 바로 찾은 플러그인이 “sidebar-link“라는 플러그인 입니다.

이제 설치 및 설정 방법에 대해서 말씀 드리겠습니다.
먼저 플러그인을 설치 하기 위해서 “메인 페이지 – 왼쪽 메뉴 – jenkins 관리“를 선택 합니다.

플러그인 관리“를 선택 합니다.

설치 가능 탭 – Sidebar-link” 플러그인을 선택하고 설치를 합니다.

설치가 완료되고, jenkins가 리부팅된 후 다시 “jenkins 관리 – 시스템 설정“으로
이동 합니다.

Additional Sidebar Links“라는 새로운 서브 메뉴가 생성되며, 링크 텍스트, url, 아이콘을
등록 합니다.

(1) Link URL : 메뉴 링크를 입력 하는 항목 입니다. 외부 URL은 “http://..“로 입력을하면 됩니다.
하지만 저는 “jenkins“안에 있는 “userContent“로 설정을 하기 위해서 “/userContent” 라고 입력 합니다.
(/userContent/dist라고 설정한건 최총 빌드 패키지 위치로 사용하고 있기 때문입니다.)

(2) Link Text : Label 알수 있듯이 링크를 적용할 “텍스트”를 말합니다.
(여기서는 저는 Deploy Artifact라고 했습니다.)

(3) Link Icon :  메뉴에 “아이콘“을 말합니다. 외부 이미지를 설정 할수도 있고, upload도 가능 합니다.
이미지를 업로드 하면 “/userContent“밑에 저장이 됩니다.
그래서 설정시 위와 같이 “이미지명“만 입력을 합니다.

설정이 완료되면 맨 하단에 “저장” 버튼을 선택해서 설정을 반영 합니다.

적용 후 “메인페이지“를 확인 하면 방금 추가한 메뉴를 확인 할수 있습니다.

추가된 링크를 “선택“하면 설정 페이지로 이동을 합니다.

여러분들도 “userContent” 와 “sidebar-link” 플러그인을 잘활용해서 보다
유용한 빌드 시스템을 구축하기를 기대 합니다. 🙂

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중