웹 사이트 콘솔 사용자 지정(클래식 UI)

웹 사이트(siteadmin) 콘솔에 사용자 지정 열 추가

웹 사이트 관리 콘솔을 확장하여 사용자 정의 열을 표시할 수 있습니다. 이 콘솔은 ListInfoProvider 인터페이스를 구현하는 OSGI 서비스를 만들어 확장할 수 있는 JSON 개체를 기반으로 구축됩니다. 이러한 서비스는 콘솔을 빌드하기 위해 클라이언트에 전송된 JSON 개체를 수정합니다.

이 단계별 자습서에서는 ListInfoProvider 인터페이스를 구현하여 웹 사이트 관리 콘솔에서 새 열을 표시하는 방법을 설명합니다. 다음 단계로 구성됩니다.

1. OSGI 서비스 를 만들고 이 서비스가 포함된 번들을 AEM 서버에 배포합니다.
2. (선택 사항) JSON 호출을 실행하여 콘솔을 빌드하는 데 사용되는 JSON 개체를 요청하여 새 서비스을 테스트합니다.
3. 저장소에서 콘솔 의 노드 구조를 확장하여 새 열을 표시합니다.

OSGI 서비스 만들기

ListInfoProvider 인터페이스는 다음 두 가지 방법을 정의합니다.

• updateListGlobalInfo, 목록의 전역 속성을 업데이트하려면,
• updateListItemInfo를 클릭하여 단일 목록 항목을 업데이트합니다.

두 메서드의 인수는 다음과 같습니다.

• request, 연결된 Sling HTTP 요청 객체,
• info, 업데이트할 JSON 개체(각각 전체 목록 또는 현재 목록 항목)
• resource, Sling 리소스.

아래 샘플 구현:

• 페이지 이름이 e​로 시작하는 경우 true의 각 항목에 대해 별표 속성을 추가하고, 그렇지 않은 경우 false를 추가합니다.

• 목록에 대한 전역 속성이며 별표 목록 항목의 수를 포함하는 stledCount 속성을 추가합니다.

OSGI 서비스를 만들려면:

1. CRXDE Lite에서 번들을 만듭니다.
2. 아래에 샘플 코드를 추가합니다.
3. 번들을 빌드합니다.

새 서비스가 실행 중입니다.

package com.test;

import com.day.cq.commons.ListInfoProvider;
import com.day.cq.i18n.I18n;
import com.day.cq.wcm.api.Page;
import org.apache.felix.scr.annotations.Component;
import org.apache.felix.scr.annotations.Service;
import org.apache.sling.api.SlingHttpServletRequest;
import org.apache.sling.api.resource.Resource;
import org.apache.sling.commons.json.JSONException;
import org.apache.sling.commons.json.JSONObject;

@Component(metatype = false)
@Service(value = ListInfoProvider.class)
public class StarredListInfoProvider implements ListInfoProvider {

    private int count = 0;

    public void updateListGlobalInfo(SlingHttpServletRequest request, JSONObject info, Resource resource) throws JSONException {
        info.put("starredCount", count);
        count = 0; // reset for next execution
    }

    public void updateListItemInfo(SlingHttpServletRequest request, JSONObject info, Resource resource) throws JSONException {
        Page page = resource.adaptTo(Page.class);
        if (page != null) {
            // Consider starred if page name starts with 'e'
            boolean starred = page.getName().startsWith("e");
            if (starred) {
                count++;
            }
            I18n i18n = new I18n(request);
            info.put("starred", starred ? i18n.get("Yes") : i18n.get("No"));
        }
    }

}

새 서비스 테스트

웹 사이트 관리 콘솔을 열고 사이트를 검색할 때 브라우저는 콘솔을 빌드하는 데 사용되는 JSON 개체를 가져오기 위한 ajax 호출을 실행합니다. 예를 들어 /content/geometrixx 폴더로 이동하면 AEM 서버로 다음 요청이 전송되어 콘솔을 만듭니다.

https://localhost:4502/content/geometrixx.pages.json?start=0&limit=30&predicate=siteadmin

새 서비스가 포함된 번들을 배포한 후에 실행되고 있는지 확인하려면 다음을 수행하십시오.

1. 브라우저에서 다음 URL을 가리킵니다.
   https://localhost:4502/content/geometrixx.pages.json?start=0&limit=30&predicate=siteadmin

2. 응답에는 다음과 같이 새 속성이 표시됩니다.

새 열 표시

마지막 단계는 웹 사이트 관리 콘솔의 노드 구조를 수정하여 /libs/wcm/core/content/siteadmin을 오버레이하여 모든 Geometrixx 페이지에 대한 새 속성을 표시하는 데 이루어집니다. 다음과 같이 진행합니다.

1. CRXDE Lite에서 sling:Folder 유형의 노드가 있는 /apps/wcm/core/content 노드 구조를 만들어 /libs/wcm/core/content 구조를 반영합니다.

2. /libs/wcm/core/content/siteadmin 노드를 복사하여 /apps/wcm/core/content 아래에 붙여 넣습니다.

3. /apps/wcm/core/content/siteadmin/grid/assets 노드를 /apps/wcm/core/content/siteadmin/grid/geometrixx에 복사하고 해당 속성을 변경합니다.

   • pageText 제거

   • pathRegex​을 /content/geometrixx(/.*?lang=ko)?(으)로 설정합니다.
     그러면 모든 geometrixx 웹 사이트에 격자 구성이 활성화됩니다.

   • storeProxySuffix​를 .pages.json(으)로 설정합니다.

   • storeReaderFields 다중값 속성을 편집하고 starred 값을 추가합니다.

   • MSM 기능을 활성화하려면 다음 MSM 매개 변수를 다중 문자열 속성 storeReaderFields​에 추가합니다.

     • msm:isSource
     • msm:isInBlueprint
     • msm:isLiveCopy

4. 다음 속성을 사용하여 /apps/wcm/core/content/siteadmin/grid/geometrixx/columns 아래에 nt:unstructured 유형의 starred 노드를 추가합니다.

   • dataIndex: starred 문자열 유형의

   • 머리글: Starred 문자열 유형의

   • xtype: gridcolumn 문자열 유형의

5. (선택 사항) /apps/wcm/core/content/siteadmin/grid/geometrixx/columns에 표시하지 않을 열을 삭제합니다.

6. /siteadmin 기본적으로 를 가리키는 별칭 경로입니다 /libs/wcm/core/content/siteadmin.
   이 값을 /apps/wcm/core/content/siteadmin의 siteadmin 버전으로 리디렉션하려면 sling:vanityOrder 속성을 /libs/wcm/core/content/siteadmin에 정의된 값보다 높은 값으로 정의합니다. 기본값은 300이므로 더 높은 값은 적절합니다.

7. 웹 사이트 관리 콘솔로 이동하여 Geometrixx 사이트로 이동합니다.
   https://localhost:4502/siteadmin#/content/geometrixx.

8. Started​라는 새 열을 사용할 수 있으며 다음과 같이 사용자 지정 정보를 표시할 수 있습니다.

샘플 패키지

이 자습서의 결과는 패키지 공유의 웹 사이트 관리 콘솔 사용자 지정 패키지에서 확인할 수 있습니다.