사용자 지정 구성요소 빌더

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 01월 30일
  • 읽기3분

    • 및 넥스트 경험 UI 프레임워크 를 사용하여 사용자 지정 구성요소를 개발합니다 UI 구성요소 확장.

    구성요소는 사용자 지정 사용자 인터페이스를 만드는 데 사용하는 재사용 가능한 구성요소입니다. 사용자 넥스트 경험 디자인 시스템 지정 UI로 드래그할 수 있는 사용자 지정 가능한 구성요소 세트가 함께 제공됩니다. 라이브러리에서 필요한 항목을 찾을 수 없는 경우 고유한 구성 요소를 개발합니다 넥스트 경험 디자인 시스템 .

    라이브러리를 보려면 넥스트 경험 디자인 시스템 ServiceNow® 개발자 사이트.

    사용자 지정 구성요소 생성의 이점

    사용자 지정 구성요소를 개발하면 다음을 수행할 수 있습니다.

    • 에이전트, 고객 및 회사의 필요에 따라 UI를 개인화합니다.
    • 중요한 데이터 및 정보에 빠르게 액세스하여 직원의 효율성을 높이고 컨텍스트 전환을 줄입니다.
    • API를 사용하여 회사의 고유한 옴니채널 환경을 수용하여 데이터를 통합합니다.

    예를 들어, SLA와 연결된 케이스를 표시하거나 특정 큐의 활성 채팅을 추적하는 구성요소를 만들 수 있습니다. 및 를 UI 구성요소 확장 사용하여 넥스트 경험 UI 프레임워크 필요한 구성 요소를 개발하고 Http Effect API를 사용하여 플랫폼에서 데이터에 액세스할 수 있습니다. 사용자 지정 스키마를 만들어 GraphQL을 사용하여 플랫폼 데이터를 쿼리할 수도 있습니다. 자세한 내용은 스크립팅된 GraphQL을 참조하십시오.

    시작하기 전에 알아야 할 사항

    구성요소 설계 및 빌드를 시작하기 전에 다음 사항을 확인하십시오.

    • 웹 구성 요소 개념, 개발 및 디자인에 대한 일반적인 지식입니다.
    • 구성요소 동작을 정의하는 JavaScript 지식.
    • 노드 패키지 관리자(npm)에 대한 지식.
    • 최신 버전의 Node.js 로컬 컴퓨터에 설치되어 있습니다. 자세한 내용은 Node.js 문서를 참조하십시오.
    • ServiceNow CLI 컴퓨터에 설치됩니다.

    넥스트 경험 UI 프레임워크

    는 넥스트 경험 UI 프레임워크 앱을 확장하고 애플리케이션 전체에서 재사용할 수 있는 웹 구성요소를 빌드할 수 있는 JavaScript 프레임워크입니다. 이 기능을 넥스트 경험 UI 프레임워크 사용하면 다음을 수행할 수 있습니다.

    • 애플리케이션의 여러 위치에서 사용할 단일 구성요소를 생성합니다.
    • 다른 코드와의 충돌을 방지하기 위해 구성 요소의 범위를 캡슐화합니다.
    • 구성요소에 속성, 슬롯 및 작업을 추가하여 사용자가 에서 구성요소를 사용할 작업 공간때마다 구성요소를 사용자 지정할 수 있도록 합니다.

    자세한 내용은 ServiceNow® 개발자 사이트.

    UI 구성요소 확장 및 개발 흐름

    를 UI 구성요소 확장 사용하여 넥스트 경험 UI 프레임워크사용자 지정 구성 요소를 개발할 수 있는 확장 ServiceNow CLI 입니다. 를 UI 구성요소 확장사용하여 다음을 수행할 수 있습니다.

    • 구성요소 또는 프로젝트 스캐폴딩을 개발하는 데 필요한 파일 세트를 만듭니다.
    • 로컬 개발 서버를 시작하여 구성요소를 테스트합니다.
    • 구성요소 프로젝트를 빌드하여 인스턴스에 배포합니다 ServiceNow .

    자세한 내용은 ServiceNow® 개발자 사이트.

    애플리케이션 범위

    구성요소를 넥스트 경험 UI 프레임워크 배포하면 인스턴스의 범위가 지정된 애플리케이션에 배포됩니다. 구성요소가 네임스페이스 식별자로 사용할 애플리케이션 범위를 제공할 수 있습니다. 인스턴스의 애플리케이션 개발을 위해 네임스페이스 식별자 지침을 사용합니다. 자세한 내용은 애플리케이션 범위를 참조하세요.

    애플리케이션 범위를 예약할 때 다음 요구 사항을 따르십시오.

    • 최대: 18자.

    • 케이스: 뱀 케이스.

    • 형식: x_customerprefix_componentname, 여기서:
      • CustomerPrefix 는 인스턴스의 시스템 속성 값입니다 glide.appcreator.company.code .
      • ComponentName 은 프로젝트를 만들 때 구성요소의 이름 매개변수에 제공된 값입니다.

    구성요소 프로젝트를 생성할 때 애플리케이션 범위를 제공하지 않으면 Now CLI에서 애플리케이션 범위를 생성합니다.

    또는 now-ui.json 파일의 scopeName 매개변수에 값을 추가할 수 있습니다.

    참조 가이드

    Now CLI 참조 가이드를 보려면 개발자 사이트를 방문하세요.