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

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間：3分

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

    始める前に

    必要なロール：admin

    このタスクについて

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

    手順

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

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

      注:
      [アプリシェル UI] ドロップダウンリストから [UXR Base Experience シェル] を選択します。
    4. [エクスペリエンスを開く] を選択し、[新しいページの作成] を選択します。
    5. [代わりに最初から作成します] を選択します。
      テンプレートの操作や、 UI ビルダーでのページを最初から作成する方法については、「 Customize 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 フレームワークエディターページで、右上隅の [ 保存 ] を選択してページを保存します。
      プレイブックの構成の詳細については、「Customize the Playbook Experience」を参照してください。
      注:
      GlideListProperties API の getTitle() メソッドは、ネクストエクスペリエンス (Seismic) ページを構成するモバイルアプリブリッジでは使用できません。

    次のタスク

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