での Now Experience フレームワークページの作成 UI ビルダー

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む3読むのに数分

    • モバイルデバイスで を活用プレイブックするために使用するMobile App Bridgeモバイル Web 画面を設定するには、まず で UI ビルダーNow Experience フレームワークページを作成します。

    始める前に

    必要なロール：admin

    このタスクについて

    モバイルデバイスで利用できるプレイブックモバイル Web 画面を設定する前に、Now UI Builder Experience フレームワークページを作成する必要があります。ページを設定したら、()MABでモバイルアプリビルダーWeb画面を設定する必要があります。モバイルデバイスでプラットフォーム機能を活用するために使用する Mobile App Bridge モバイル Web 画面の設定の詳細については、「」を参照してください でのモバイル Web 画面の構成 Mobile App Bridge。

    手順

    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. [ホーム] UI ビルダー ページで、右上の [ 作成 ] を選択します。
    3. [ エクスペリエンスの作成 ] ダイアログ ボックスに入力し、完了したら [ 作成 ] を選択します。

      [Now Experience フレームワーク] ページに名前を付け、そのロールを指定し、アプリシェル UI を指定できる UI Builder ダイアログボックス。

      注:
      [アプリシェル UI] ドロップダウンリストから [UXR Base Experience シェル] を選択します。
    4. [エクスペリエンスを開く] を選択し、[新しいページの作成] を選択します。
    5. [代わりに最初から作成します] を選択します。
      での UI ビルダーテンプレートの操作やページの新規作成の詳細については、「」を参照してください Customize Playbook Experience。
    6. ページに名前を付けて、 [ 続行] を選択します。
    7. URL パラメーターを確認し、必要な場合は [Looks good] を選択します。
    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. ページの本文に追加したボタン コンポーネントを選択し、右側のダイアログ ボックス で イベント タブ を選択して、 イベント ハンドラーの追加 を選択します。

        [コンポーネントを手動で構成 (Configure the component manually)] オプションの選択方法を示す UI Builder のユーザーインターフェイス。

      4. [イベント ハンドラーを以下に選択] ダイアログボックスで、 [モバイルアプリ 1] の下にあるイベントハンドラーの 1 つを選択し、構成します。

        注:
        [画面 ID] フィールドには、有効なモバイル画面の sysid を必ず入力してください。

        [画面 ID] フィールドでモバイル画面の sysid を追加する場所を示す UI Builder ユーザーインターフェイス。

      5. イベント ハンドラーの構成が完了したら、ダイアログ ボックスの右下隅にある [ 追加 ] を選択します。
    14. Now Experience フレームワークエディターページで、右上隅の [保存 ] を選択してページを保存します。
      の構成 プレイブックについては、次のリンクを参照してください Customize Playbook Experience。
      注:
      GlideListProperties API の getTitle() メソッドは、(Seismic) ページの構成Next Experienceには使用Mobile App Bridgeできません。

    次のタスク

    Now Experience フレームワークページを作成したら、で MABモバイル Web 画面を作成する必要があります。次に、Now Experience フレームワークページの URL を の MABモバイル Web 画面構成に追加する必要があります。この設定の詳細については、「」の でのモバイル Web 画面の構成 Mobile App Bridgeステップ 2 を参照してください。