1.6. 3scale 관리 API에 대한 기본 개발자 포털 사용자 정의 고려 사항

고유한 개발자 포털을 생성하기 위해 기본 개발자 포털을 사용자 정의하기 전에 기본 요소, 재사용 가능한 콘텐츠, 페이지 계층 구조, 페이지 헤더 및 발작 및 브랜딩에 대한 계획이 있어야 합니다.

  • 기본 개발자 포털 요소 - 개발자 포털 계획에는 다음이 포함되어야 합니다.

    • 사이트 맵: 포털 구성 방법의 개념.
    • 상단 메뉴 표시줄: 각 페이지에서 반복되는 탐색입니다.
    • 사이드 메뉴 표시줄: 각 섹션의 개별 페이지에 액세스합니다.
    • 페이지 레이아웃 지침: 일관된 모양과 느낌의 경우.
    • 재사용 가능 콘텐츠 - 레이아웃 및 부분적으로 개발자 포털에서 일관성을 보장합니다. 페이지를 만들기 전에 만듭니다.

  • 페이지 계층 구조 - 사이트 맵의 루트 수준에서 시작하여 각 최상위 메뉴 항목에 대한 섹션을 만듭니다.

    다음으로 각 최상위 메뉴 항목에 필요한 페이지를 생성합니다. 페이지를 만들 때는 올바른 섹션과 연결되어 있어야 합니다. 이렇게 하면 개발자 포털의 URL 경로에 대한 일관된 구조가 생성됩니다. 텍스트 또는 마크다운과 같은 태그 언어로 페이지를 코딩하려면 페이지의 ADVANCED 옵션을 확장합니다. Handler 필드는 태그 언어를 식별합니다.

  • 페이지 헤더 및 하위 페이지 요소(Repetitive page elements are typically defined in partials) 몇 개의 레이아웃만 있으면 부분적인 것이 아니라 레이아웃에서 직접 헤더와 footers를 정의하는 것을 선호할 수 있습니다.

  • 브랜딩 - 기본 네이티브 개발자 포털 스타일시트, default.css 는 크고 복잡합니다. 이 스타일 시트를 확장하는 대신 기본값을 덮어쓰는 사용자 지정으로 고유한 스타일 시트를 만듭니다.

    페이지를 만드는 것과 동일한 방식으로 새 스타일 시트를 만들 수 있습니다. 고급 페이지 설정에서 css 섹션 및 적절한 MIME 콘텐츠 유형을 선택합니다. 그런 다음 레이아웃에서 default.css 에 대한 링크 후 사용자 지정 스타일 시트에 대한 링크를 추가합니다. 예를 들어 my-custom.css 를 생성하는 경우 다음을 삽입합니다. 

    <link rel="stylesheet" href="/css/my-custom.css" />

  • 수정할 수 없는 기본 제공 기능은 다음과 같습니다.

    • 페이지 번호
    • 메시지 메뉴
    • 포럼 - 레이아웃만 변경할 수 있습니다.
    • payment - 이러한 페이지의 일부 텍스트 필드만 편집할 수 있습니다.