Azure API Management에서 개발자 포털을 사용자 지정하는 가장 일반적인 방법은 세 가지입니다.
- 정적 페이지 및 페이지 레이아웃 요소의 내용 편집
- 개발자 포털에서 페이지 요소에 사용되는 스타일을 업데이트합니다(이 가이드에 설명됨).
- 포털에서 생성된 페이지에 사용되는 템플릿 수정 (예: API 문서, 제품, 사용자 인증)
이 문서에서는 레거시 개발자 포털의 페이지에서 요소 스타일을 사용자 지정하고 변경 내용을 보는 방법을 알아봅니다.
비고
다음 설명서 콘텐츠는 사용되지 않는 개발자 포털에 관한 것입니다. 모든 API Management 서비스에서 제거되는 2023년 10월 만료될 때까지 평상시와 같이 계속 사용할 수 있습니다. 사용되지 않는 포털은 중요한 보안 업데이트만 받습니다. 자세한 내용은 다음 문서를 참조하세요.
적용 대상: 개발자 | 기본 | 표준 | 프리미엄
필수 조건
- Azure API Management 용어를 알아봅니다.
- 다음 빠른 시작을 완료합니다. Azure API Management 인스턴스를 만듭니다.
- 또한 첫 번째 API 가져오기 및 게시 자습서를 완료합니다.
개발자 포털 사용자 지정
개요를 선택합니다.
개요 창 맨 위에 있는 개발자 포털(레거시) 단추를 클릭합니다.
화면 왼쪽 위에는 두 개의 페인트 브러시로 구성된 아이콘이 표시됩니다. 이 아이콘을 마우스로 가리키면 포털 사용자 지정 메뉴가 열립니다.
메뉴에서 스타일을 선택하여 스타일 지정 창을 엽니다.
스타일을 사용하여 사용자 지정할 수 있는 모든 요소가 페이지에 표시됩니다.
변수 값 변경 필드에 "headings-color"을 입력하여 개발자 포털 모양을 사용자 지정합니다.
@headings 색 요소가 페이지에 나타납니다. 이 변수는 텍스트의 색을 제어합니다.
@headings 색 변수의 필드를 클릭합니다.
색 선택기 드롭다운이 열립니다.
색 선택기 드롭다운에서 새 색을 선택합니다.
팁 (조언)
실시간 미리 보기는 모든 변경 내용에 사용할 수 있습니다. 사용자 지정 창의 맨 위에 진행률 표시기가 나타납니다. 몇 초 후에 머리글 텍스트가 새로 선택한 색으로 변경됩니다.
사용자 지정 창 메뉴의 왼쪽 아래에서 게시 를 선택합니다.
사용자 지정 게시를 선택하여 변경 내용을 공개적으로 사용할 수 있도록 합니다.
변경 내용 보기
- 개발자 포털로 이동합니다.
- 변경한 내용을 볼 수 있습니다.
다음 단계
템플릿을 사용하여 Azure API Management 개발자 포털을 사용자 지정하는 방법을 알아보는 데도 관심이 있을 수 있습니다.