에서 Now Experience 프레임워크 페이지 생성 UI 빌더

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기3분

    • 모바일 장치에서 를 Playbook 활용하는 데 사용하는 Mobile App Bridge 모바일 웹 화면을 구성하기 위한 첫 번째 단계는 에서 Now Experience 프레임워크 페이지를 UI 빌더만드는 것입니다.

    시작하기 전에

    필요한 역할: admin

    이 태스크 정보

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

    프로시저

    1. 다음으로 이동 모두 > Now Experience 프레임워크 > UI Builder레이블이 표시됩니다.
    2. 홈페이지의 UI 빌더 오른쪽 위에 있는 만들기 를 선택합니다.
    3. 환경 만들기 대화 상자를 완료하고 완료되면 만들기를 선택합니다.

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

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

      모바일 앱에서 @servicenow/now-mobile-app-bridge 선택을 표시한 다음 추가 단추를 선택하는 '데이터 리소스 검색' 대화 상자>.

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

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

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

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

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

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

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

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

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

      5. 이벤트 처리기 구성을 마쳤으면 대화 상자의 오른쪽 아래 모서리에서 추가 를 선택합니다.
    14. Now Experience 프레임워크 편집기 페이지의 오른쪽 위 모서리에서 저장 을 선택하여 페이지를 저장합니다.
      구성 Playbook에 대한 자세한 내용은 을 참조하십시오 Customize Playbook Experience.
      주:
      GlideListProperties API의 getTitle() 메서드는 (지진) 페이지를 구성하는 Next Experience 데 사용할 수 Mobile App Bridge 없습니다.

    다음에 수행할 작업

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