---
sourceDocument: 호주 고객 서비스 관리
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/customer-service-management

 Release :

    - australia

ft:locale :

    - ko-KR

ft:publication_title :

    - 호주 고객 서비스 관리

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# AEM 페이지에 ServiceNow 케이스 표시

# Adobe Experience Manager 페이지에서 ServiceNow 케이스 표시 {#ariaid-title1}

* 릴리스 버전: Australia
* 
* 업데이트 날짜 2023년 08월 03일
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 소요 시간: 6분

AEM(Adobe Experience Manager) 내에서 이용 가능한 케이스 구성요소를 사용하여 ServiceNow 인스턴스에서 고객 서비스 케이스에 액세스하고 AEM 기반 웹 사이트에 표시합니다.

## 시작하기 전에

AEM 인스턴스에서 케이스 API 및 CSM 첨부 파일 API에 액세스하려면 교차 원본 자원 공유(CORS) 규칙을 정의합니다. 자세한 내용은 [AEM에서 API 엔드포인트에 액세스하기 ServiceNow 위한 교차 원본 자원 공유 규칙(CORS) 정의](https://servicenow-prod.fluidtopics.net/SrrKx8DnptuWvpXUgP~QpA#aem-set-cors-rules "AEM(Adobe Experience Manager) 인스턴스에서 지식 관리 REST API, Case API 또는 CSM 첨부 파일 API 엔드포인트에 액세스하려면 ServiceNow 인스턴스에 교차 원본 자원 공유(CORS) 규칙을 정의합니다.") 문서를 참조하십시오.

필요한 역할: AEM 작성자

## 이 태스크 정보

케이스 REST API를 사용하면 고객 서비스 케이스 기록을 생성, 검색 및 업데이트할 수 있습니다. 자세한 내용은 [케이스 API](https://www.servicenow.com/docs/access?context=case-api&version=australia&pubname=australia-api-reference&ft:locale=en-US)를 참조하십시오.

CSM 첨부 파일 API를 사용하면 고객 서비스 케이스와 연결된 첨부 파일을 업로드, 다운로드, 제거하고 첨부 파일 메타데이터를 검색할 수 있습니다. 자세한 내용은 [CSM 첨부 파일 API](https://www.servicenow.com/docs/access?context=attachment_csm-api&version=australia&pubname=australia-api-reference&ft:locale=en-US)를 참조하십시오.

## 프로시저

1. AEM 인스턴스에 로그인합니다.
2. [편집 모드에서](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/author-environment-tools.html#main-pars_title_20) AEM 페이지를 엽니다.
3. [구성요소 브라우저](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/author-environment-tools.html#main-pars_title_17)를 엽니다.
4. 모두 목록에서 ServiceNow를 선택합니다.
5. 페이지에서 원하는 위치로 구성요소를 끌어옵니다.  
   주:  
   구성요소를 사용할 수 없는 경우 케이스 구성요소를 포함하도록 템플릿 구성을 업데이트합니다. 또한 사이트 템플릿의 속성을 수정하고 각 케이스 구성요소를 허용되는 구성요소 목록에 추가해야 합니다.
6. [편집을 위해 구성요소 대화 상자](https://helpx.adobe.com/in/experience-manager/6-5/sites/authoring/using/editing-content.html#ComponentEditDialog)를 엽니다.  
   주:  
   AEM에서 페이지의 편집 모드에서 케이스 구성요소에는 공개 사용자를 포함한 모든 사용자가 접근할 수 있습니다. 공용 사용자는 로그인하지 않은 익명 AEM 사용자입니다.
7. 인스턴스의 모든 오픈 고객 서비스 케이스 ServiceNow 를 열 카드로 표시하도록 케이스 카드 구성요소 속성을 설정합니다.  
   {#aem-display-case-components__table_kx2_4q2_tkb__entry__2}{#aem-display-case-components__component-title-desc}{#aem-display-case-components__component-column-label-desc}{#aem-display-case-components__component-case-list-desc2}{#aem-display-case-components__component-view-case-desc2}{#aem-display-case-components__component-custom-css-desc}

   | 속성 | 설명 |
   |-|-|
   | 직위 | AEM 페이지에 표시되는 이 구성요소의 제목입니다. |
   | 레이블 매개변수 | 케이스 \[sn_customerservice_case\] 테이블 열에 대한 쉼표로 구분된 레이블 매개변수입니다. 각 매개변수는 <var class="keyword varname">label</var>:<var class="keyword varname">column</var> 형식으로 지정됩니다. 여기서 <var class="keyword varname">레이블</var> 은 구성요소에 표시되고 <var class="keyword varname">열</var> 은 케이스 \[sn_customerservice_case\] 테이블의 열 이름입니다. 예: number:number,Priority:priority,Product:product |
   | 케이스 목록 페이지 URL | 리디렉션할 케이스 목록 페이지의 상대 URL입니다. 예: /content/servicenow/en/now_case_list.html |
   | 케이스 뷰 페이지 URL | 리디렉션할 케이스 뷰 페이지의 상대 URL입니다. 예: /content/servicenow/en/now_case_view.html |
   | 케이스가 없는 경우 구성요소 숨기기 | 표시할 케이스가 없을 때 구성요소를 숨길 수 있는 옵션입니다. |
   | 사용자 지정 CSS 클래스 | 이 구성요소에 사용자 지정 스타일을 적용하기 위한 사용자 지정 CSS 클래스입니다. 자세한 내용은 [AEM에서 ServiceNow 구성요소 색상 사용자 지정](https://servicenow-prod.fluidtopics.net/5V3t2mCHujlVuiJGPu_fYQ#aem-style-components "Adobe Experience Manager(AEM)에서 색상을 지정하여 ServiceNow 구성요소의 모양과 느낌을 정의할 수 있습니다.") 문서를 참조하십시오. |
   [표 1. 케이스 카드 구성요소 속성]

   {#aem-display-case-components__table_kx2_4q2_tkb}
8. 사용자가 AEM 페이지에서 인스턴스에 고객 ServiceNow 서비스 케이스를 만들 수 있도록 새 케이스 구성요소 속성을 설정합니다.  
   {#aem-display-case-components__table_abr_rbk_cmb__entry__2}{#aem-display-case-components__slider-desc}

   | 속성 | 설명 |
   |-|-|
   | 직위 | AEM 페이지에 표시되는 이 구성요소의 제목입니다. |
   | 간단한 설명 레이블 | 케이스에 대한 짧은 설명을 입력할 필드의 레이블입니다. |
   | 설명 레이블 | 케이스에 대한 설명을 입력할 필드의 레이블입니다. |
   | 제품 레이블 | 제품 목록에 대한 레이블과 자리 표시자 텍스트를 정의하는 세미콜론으로 구분된 매개변수입니다. |
   | 자산 레이블 | 자산 목록에 대한 레이블 및 자리 표시자 텍스트를 정의하는 세미콜론으로 구분된 매개변수 |
   | 목록 항목 수 | 제품 및 자산 목록에 포함할 최대 항목 수입니다. 증가 또는 감소 아이콘을 사용하여 값을 높이거나 낮출 수 있습니다. 값을 수동으로 입력할 수도 있습니다. 값은 <kbd class="ph userinput">1</kbd>보다 커야 합니다. |
   | 자산 표시 | 구성요소에 자산 목록을 표시하는 옵션입니다. |
   | 케이스 목록 페이지 URL | 리디렉션할 케이스 목록 페이지의 상대 URL입니다. 예: /content/servicenow/en/now_case_list.html |
   | 케이스 뷰 페이지 URL | 리디렉션할 케이스 뷰 페이지의 상대 URL입니다. 예: /content/servicenow/en/now_case_view.html 주: 생성된 케이스 창에서 케이스 뷰 페이지로 이동하려면 이 속성의 값을 입력해야 합니다. |
   | 첨부 파일 크기 제한(MB) | 케이스에 추가할 수 있는 첨부 파일의 최대 크기 제한입니다. |
   | 사용자 지정 CSS 클래스 | 이 구성요소에 사용자 지정 스타일을 적용하기 위한 사용자 지정 CSS 클래스입니다. 자세한 내용은 [AEM에서 ServiceNow 구성요소 색상 사용자 지정](https://servicenow-prod.fluidtopics.net/5V3t2mCHujlVuiJGPu_fYQ#aem-style-components "Adobe Experience Manager(AEM)에서 색상을 지정하여 ServiceNow 구성요소의 모양과 느낌을 정의할 수 있습니다.") 문서를 참조하십시오. |
   [표 2. 새 케이스 구성요소 속성]

   {#aem-display-case-components__table_abr_rbk_cmb}
9. 인스턴스에서 고객 서비스 케이스와 코멘트 및 첨부 파일(사용 가능한 경우) ServiceNow 을 표시하도록 케이스 뷰 구성요소 속성을 설정합니다.  
   {#aem-display-case-components__table_tfp_h4q_tkb__entry__2}

   | 속성 | 설명 |
   |-|-|
   | 케이스 매개변수 | 케이스 번호의 URL 쿼리 매개변수 이름입니다. 예: <kbd class="ph userinput">case_no</kbd> |
   | 레이블 매개변수 | 케이스 \[sn_customerservice_case\] 테이블 열에 대한 쉼표로 구분된 레이블 매개변수입니다. 각 매개변수는 <var class="keyword varname">label</var>:<var class="keyword varname">column</var> 형식으로 지정됩니다. 여기서 <var class="keyword varname">레이블</var> 은 구성요소에 표시되고 <var class="keyword varname">열</var> 은 케이스 \[sn_customerservice_case\] 테이블의 열 이름입니다. 예: number:number,Priority:priority,Product:product |
   | 활동 수 | 활동 탭에 표시할 설명 및 첨부 파일 등의 활동의 최대 수입니다. 증가 또는 감소 아이콘을 사용하여 값을 높이거나 낮출 수 있습니다. 값을 수동으로 입력할 수도 있습니다. 값은 <kbd class="ph userinput">1</kbd>보다 커야 합니다. |
   | 첨부 파일 크기 제한(MB) | 케이스에 추가할 수 있는 첨부 파일의 최대 크기 제한입니다. 증가 또는 감소 아이콘을 사용하여 값을 높이거나 낮출 수 있습니다. 값을 수동으로 입력할 수도 있습니다. 값은 <kbd class="ph userinput">1</kbd>보다 커야 합니다. |
   | 문서 페이지 URL | 리디렉션할 문서 페이지의 상대 URL입니다. 예: /content/servicenow/en/now_article_view.html 주: 케이스에 문서 링크가 포함된 경우 케이스에서 지식 문서 뷰 페이지로 이동하려면 이 속성에 대한 값을 입력해야 합니다. |
   | 사용자 지정 CSS 클래스 | 이 구성요소에 사용자 지정 스타일을 적용하기 위한 사용자 지정 CSS 클래스입니다. 자세한 내용은 [AEM에서 ServiceNow 구성요소 색상 사용자 지정](https://servicenow-prod.fluidtopics.net/5V3t2mCHujlVuiJGPu_fYQ#aem-style-components "Adobe Experience Manager(AEM)에서 색상을 지정하여 ServiceNow 구성요소의 모양과 느낌을 정의할 수 있습니다.") 문서를 참조하십시오. |
   [표 3. 케이스 뷰 구성요소 속성]

   {#aem-display-case-components__table_tfp_h4q_tkb}
10. 고객 서비스 케이스 목록을 표시하도록 케이스 목록 구성요소 속성을 설정합니다.  
    {#aem-display-case-components__table_ywq_wbr_tkb__entry__2}

    | 속성 | 설명 |
    |-|-|
    | 직위 | AEM 페이지에 표시되는 이 구성요소의 제목입니다. |
    | 레이블 매개변수 | 케이스 \[sn_customerservice_case\] 테이블 열에 대한 쉼표로 구분된 레이블 매개변수입니다. 각 매개변수는 <var class="keyword varname">label</var>:<var class="keyword varname">column</var> 형식으로 지정됩니다. 여기서 <var class="keyword varname">레이블</var> 은 구성요소에 표시되고 <var class="keyword varname">열</var> 은 케이스 \[sn_customerservice_case\] 테이블의 열 이름입니다. 예: number:number,Priority:priority,Product:product |
    | 케이스 수 | 구성요소에 표시할 최대 케이스 수입니다. 증가 또는 감소 아이콘을 사용하여 값을 높이거나 낮출 수 있습니다. 값을 수동으로 입력할 수도 있습니다. 값은 <kbd class="ph userinput">1</kbd>보다 커야 합니다. 이 필드에 대해 입력할 수 있는 최대 값은 50입니다. |
    | 케이스 생성 표시 | 구성요소에 케이스를 생성하는 버튼을 표시하는 옵션입니다. |
    | 케이스 생성 버튼 레이블 | 케이스를 생성하는 버튼의 레이블입니다. |
    | 케이스 페이지 URL 생성 | 리디렉션할 케이스 생성 페이지의 상대 URL입니다. 예: /content/servicenow/en/now_case_create.html |
    | 케이스 뷰 페이지 URL | 리디렉션할 케이스 뷰 페이지의 상대 URL입니다. 예: /content/servicenow/en/now_case_view.html |
    | 사용자 지정 CSS 클래스 | 이 구성요소에 사용자 지정 스타일을 적용하기 위한 사용자 지정 CSS 클래스입니다. 자세한 내용은 [AEM에서 ServiceNow 구성요소 색상 사용자 지정](https://servicenow-prod.fluidtopics.net/5V3t2mCHujlVuiJGPu_fYQ#aem-style-components "Adobe Experience Manager(AEM)에서 색상을 지정하여 ServiceNow 구성요소의 모양과 느낌을 정의할 수 있습니다.") 문서를 참조하십시오. |
    [표 4. 케이스 목록 구성요소 속성]

    {#aem-display-case-components__table_ywq_wbr_tkb}
{#aem-display-case-components__steps_vqd_flt_flb}