사용 사례: UI 빌더 에이전트 사용
대화형 AI를 사용하여 기능을 알아보고 UI 빌더 페이지 구성을 가속화합니다.
시나리오
소매 회사의 일반 사용자 개발자가 를 사용하여 UI 빌더직원 셀프 서비스 포털을 만들고 있습니다. 이 플랫폼은 비교적 새로운 플랫폼이며 외부 HR 시스템에 연결되는 버튼과 함께 3열 레이아웃이 필요한 페이지에서 작업하고 있습니다. 또한 레이아웃을 변경하기 전에 페이지에서 실행 중인 클라이언트 스크립트가 있는지 확인하려고 합니다.
문제
개발자가 아직 의 구성 옵션에 익숙 UI 빌더 하지 않습니다. 각 작업에 대한 문서를 조회하면 워크플로우가 중단되고 진행 속도가 느려집니다. 다중 열 레이아웃을 적용하는 방법, 외부 링크가 있는 버튼을 추가하는 방법 또는 기존 스크립트가 레이아웃 변경에 영향을 받을 수 있는지 확인하는 방법을 잘 알지 못합니다.
솔루션
에이전트는 UI 빌더 페이지 편집기 내에서 UI 빌더 채팅 기반 도우미로 직접 사용할 수 있습니다. 개발자는 편집기를 떠나지 않고도 기능에 대해 질문하고, 페이지 수정을 요청하고, 구성 인사이트를 얻을 수 있습니다. 에이전트는 최신 ServiceNow 문서로 뒷받침되는 즉각적인 답변을 제공하고 개발자를 대신하여 페이지에 변경 내용을 직접 적용할 수 있습니다.
시작하기 전에
UI 생성을 설치하고 ui_builder_admin 역할이 있는지 확인하십시오. 자세한 내용은 UI 생성 설치 및 UI 빌더 관리자 역할 부여 문서를 참조하십시오.
구성 단계
- 다음으로 이동 .
- 직원 셀프 서비스 포털 경험을 엽니다.
- 편집할 페이지를 열고 페이지 편집기에서 패널을 Now Assist 엽니다.
- 채팅 패널에서 다음을 수행합니다.
- 페이지에 클라이언트 스크립트가 있는지 에이전트에게 UI 빌더 묻습니다. 내 페이지에 클라이언트 스크립트가 사용되고 있습니까?
에이전트는 페이지의 현재 스크립트 및 구성에 대한 자세한 세부 항목을 제공합니다.
- 에이전트에게 UI 빌더 3열 레이아웃을 적용할 수 있는 방법을 묻습니다. 이 페이지에 3열 레이아웃을 적용하려면 어떻게 해야 합니까?
에이전트가 사용 가능한 레이아웃 옵션과 관련 단계를 설명합니다.
- 에이전트에게 UI 빌더 페이지에 3열 레이아웃을 추가하도록 요청합니다. 이 페이지에 3열 레이아웃을 적용합니다.
에이전트가 레이아웃 변경을 구현합니다.
- 에이전트에게 UI 빌더 레이블과 탐색이 있는 버튼을 추가하도록 요청: 새 창에서 https://hr.example.com 로 연결되는 "HR 포털 방문" 레이블이 있는 버튼을 추가합니다.
에이전트가 버튼 구성요소를 추가하고 구성합니다.
- 페이지에 클라이언트 스크립트가 있는지 에이전트에게 UI 빌더 묻습니다. 내 페이지에 클라이언트 스크립트가 사용되고 있습니까?
- 페이지 편집기에서 변경 내용을 검토하고 스타일에 필요한 조정을 수행합니다.
결과
개발자는 에이전트의 지침 UI 빌더 에 따라 3열 레이아웃을 설정하고 연결된 버튼 구성요소를 단일 세션에 추가합니다. 또한 변경하기 전에 페이지의 스크립트 구성에 대한 확신을 갖게 됩니다. 일반적으로 설명서를 통해 여러 번 검색해야 했던 작업이 이제 편집기를 종료하지 않고도 완료됩니다.