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

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：3分

    • モバイルアプリブリッジ を使用してモバイルデバイスで プレイブック を活用するモバイル Web 画面を構成するには、まず UI ビルダー で Now Experience フレームワークページを作成します。

    始める前に

    必要なロール：admin

    このタスクについて

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

    手順

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

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

      注:
      [アプリシェル UI] ドロップダウンリストから [UXR Base Experience Shell] を選択します。
    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 の下にあるイベントハンドラーの 1 つを選択し、構成します。

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

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

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

    次のタスク

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