ServiceNow コンポーネントインスタンスの構成

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

    • ユーザーがコンポーネントを Web サイトに埋め込み、コンポーネント関連データにリアルタイムでアクセスできるように、コンポーネントインスタンスを構成します。

    始める前に

    コンポーネントインスタンスを構成するには ServiceNow 次のセットアップが必要です。

    必要なロール:sn_embeddable_core.emb_admin

    このタスクについて

    この手順では、コンポーネントインスタンスを設定するために従う必要がある Web 埋め込み可能 手順の概要を説明します。

    手順

    1. 移動先 すべて > Web 埋め込み可能 > ホームページ.
    2. ホームページで、[ モジュールの作成 ] を選択するか、既存のモジュールを使用します。
      新しいモジュールの作成方法の詳細については、「 モジュールを作成」を参照してください。
    3. モジュールページの [コンポーネント] タブで、グループを作成し、コンポーネントインスタンスを追加します。
      グループを作成してコンポーネントインスタンスを追加する方法の詳細については、「 グループの作成とコンポーネントインスタンスの追加」を参照してください。
    4. オプション: [ 静的プレビューを表示 ] オプションを切り替えて、ライブプレビューが利用できないときにコンポーネントの視覚的表現を表示します。
      注:
      [静的プレビューを表示] オプションは、[データ可視化] コンポーネントでは使用できません。
    5. コンポーネントインスタンスのプロパティを構成します。
      [プレビュー] タブには、コンポーネントプロパティで設定された選択肢に従ってリアルタイムデータが表示されます。
    6. [ CORS ルール ] タブを選択して、CORS ルールを構成します。
      CORS ルールの構成の詳細については、「 ServiceNowコンポーネントを埋め込む前に CORS (クロスオリジンリソース共有) ルールを構成する」を参照してください。
    7. [コンポーネント] タブを選択します。
    8. [埋め込みコードの取得] を選択します。
      グローバルコードとコンポーネントコードの両方を表示するポップアップウィンドウが表示されます。
    9. [グローバル コード] タブで、生成されたコードを確認し、[ グローバル コードのコピー] を選択します。
      グローバルコードは、サードパーティの Web サイトに一度追加する必要があります。
    10. [コンポーネントコード] タブで、生成されたコードを確認し、[ コンポーネントコードをコピー] を選択します。
    11. オプション: [コンポーネントコード] タブで、[イベントハンドラーを有効化 (Enable event handler)] トグルスイッチをスライドさせて、Web ページでのユーザーのインタラクションによってトリガーされるイベントを処理します。
      注:
      イベントハンドラーを有効にすると、コンポーネントコードも変更されます。

    タスクの結果

    グローバルコードとコンポーネントコードをサードパーティアドミンと共有して、サードパーティの Web ページにコンポーネントインスタンスを埋め込む準備ができました。

    次のタスク

    サードパーティ Web サイトに ServiceNow コンポーネントインスタンスを埋め込む