UI 빌더에서 Now Experience Framework 페이지 생성

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 3분

    • 모바일 장치에서 를 플레이북 활용하는 데 사용하는 모바일 앱 브리지 모바일 웹 화면을 구성하려면 첫 번째 단계는 에서 UI 빌더Now Experience Framework 페이지를 만드는 것입니다.

    시작하기 전에

    필요한 역할: 관리자

    이 태스크 정보

    모바일 장치에서 활용할 플레이북 수 있는 모바일 웹 화면을 구성하려면 먼저 Now UI Builder Experience 프레임워크 페이지를 생성해야 합니다. 페이지를 구성한 후에는 (MAB)에서 모바일 앱 작성기 웹 화면을 구성해야 합니다. 모바일 장치에서 플랫폼 기능을 활용하는 데 사용하는 모바일 앱 브리지 모바일 웹 화면 구성에 대한 자세한 내용은 다음 문서를 참조하십시오 모바일 앱 브리지를 사용하여 모바일 웹 화면 구성.

    프로시저

    1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI 빌더.
    2. UI 빌더 홈페이지에서 오른쪽 상단의 생성을 선택합니다.
    3. 경험 생성 대화 상자를 완료하고 완료되면 생성을 선택합니다.

      Now Experience 프레임워크 페이지의 이름을 지정하고, 역할에 대한 역할을 지정하고, 앱 셸 UI를 지정할 수 있는 UI 빌더 대화 상자입니다.

      주:
      앱 셸 UI 드롭다운 목록에서 UXR 기본 경험 셸을 선택합니다.
    4. 경험 열기를 선택한 다음, 새 페이지 생성을 선택합니다.
    5. 대신 처음부터 새로 생성을 선택하십시오.
      에서 템플릿을 사용하여 작업하거나 페이지를 처음부터 UI 빌더새로 만드는 방법에 대한 자세한 내용은 다음 문서를 참조하십시오 Customizing the Playbook Experience.
    6. 페이지 이름을 지정하고 계속을 선택합니다.
    7. URL 매개변수를 검토하고 원하는 경우 좋아 보이는지 선택합니다.
    8. 페이지 변형 이름 및 대상을 구성하거나 기본값을 수락하고 필요한 경우 조건을 추가한 다음 생성을 선택합니다.
    9. 페이지에서 오른쪽 상단 모서리에 있는 편집기에서 열기 를 선택합니다.
    10. 페이지 왼쪽에 있는 데이터 아이콘을 선택하여 데이터 자원 대화 상자를 시작한 다음 +추가를 선택합니다.
    11. 데이터 자원 검색 대화 상자의 애플리케이션 열에서 @servicenow/now-mobile-app-bridge를 선택한 다음, 데이터 자원 열에서 모바일 앱을 선택합니다.

      모바일 앱을 > @servicenow/now-mobile-app-bridge 선택을 표시한 다음 추가 버튼을 선택하는 "데이터 자원 검색" 대화 상자입니다.

    12. 대화 상자의 오른쪽 아래 모서리에서 추가 를 선택하여 페이지에 데이터 자원을 모바일 앱 브리지 추가합니다.
      주:
      페이지 아래로 스크롤하여 추가 버튼이 표시되지 않으면 이를 확인합니다.
    13. 이벤트 핸들러를 추가하여 API를 트리거 모바일 앱 브리지 하여 모바일 화면에서 네이티브 기능을 활성화합니다.
      예를 들어, 모바일 장치의 버튼에 대해 이벤트를 트리거하려는 경우:

      1. 편집기 페이지 왼쪽에서 본문을 선택한 다음, 구성요소 추가를 선택합니다.

        구성요소를 추가하는 방법을 보여주는 UI 빌더 사용자 인터페이스입니다.

      2. 구성요소 탭을 선택한 다음 사용할 버튼 유형을 선택합니다.

      3. 페이지 본문에 방금 추가한 버튼 구성 요소를 선택하고, 오른쪽 대화 상자에서 이벤트 탭을 선택한 다음, 이벤트 처리기 추가를 선택합니다.

        '구성요소를 수동으로 구성' 옵션을 선택하는 방법을 보여주는 UI 빌더 사용자 인터페이스입니다.

      4. 아래에서 이벤트 핸들러 선택... 대화 상자에서 모바일 앱 1의 이벤트 핸들러 중 하나를 선택한 다음 구성합니다.

        주:
        화면 ID 필드에 유효한 모바일 화면의 sysid를 입력해야 합니다.

        "화면 ID" 필드에서 모바일 화면 sysid를 추가할 위치를 보여주는 UI 빌더 사용자 인터페이스입니다.

      5. 이벤트 처리기 구성을 마쳤으면 대화 상자의 오른쪽 아래 모서리에 있는 추가 를 선택합니다.
    14. Now Experience 프레임워크 편집기 페이지에서 오른쪽 상단 모서리에 있는 저장 을 선택하여 페이지를 저장합니다.
      구성 플레이북방법에 대한 자세한 내용은 문서를 참조하십시오 Customizing the Playbook Experience.
      주:
      GlideListProperties API의 getTitle() 메서드는 (지진) 페이지를 구성 넥스트 경험 하는 데 모바일 앱 브리지 사용할 수 없습니다.

    다음에 수행할 작업

    Now Experience 프레임워크 페이지를 생성한 후에는 에서 모바일 웹 화면 MAB을 생성해야 합니다. 그런 다음 의 모바일 웹 화면 구성 MAB에 Now Experience 프레임워크 페이지 URL을 추가해야 합니다. 이 구성 완료에 대한 자세한 내용은 의 모바일 앱 브리지를 사용하여 모바일 웹 화면 구성2단계를 참조하십시오.