ServiceNow IDE のアプリケーションでサードパーティライブラリを使用する

ServiceNow IDE で、アプリケーションでサードパーティライブラリを呼び出して、既存のオープンソース機能を使用します。

始める前に

JavaScript モジュールを作成します。詳細については、「ServiceNow IDE のアプリケーションで JavaScript モジュールを作成して使用する」を参照してください。

プライベートレジストリからパッケージをインストールして使用するには、 ServiceNow IDEでパッケージマネージャーのユーザー設定を構成する必要があります。詳細については、「プライベートレジストリーから npm パッケージをインストールする ServiceNow IDE」を参照してください。

必要なロール：admin

このタスクについて

サードパーティライブラリは JavaScript モジュールとしてアプリケーションに追加されます。 JavaScript モジュールの作成に使用される構文に関する一般的な情報については、MDN Web Docs Web サイトの「JavaScript modules (JavaScript モジュール)」ページを参照してください。

重要:

サポートされていない API や ECMAScript 機能など、サポートされていない機能に依存するサードパーティライブラリを使用することはできません。サポートされていない機能の詳細については、「JavaScript モジュールとサードパーティライブラリ」を参照してください。

手順

1. 移動先 すべて > アプリ開発 > ServiceNow IDE.
2. アプリケーションでワークスペースを開きます。
3. アクティビティバーから、[ファイルエクスプローラー] ビュー() を選択します。
4. アプリケーションの package.json ファイルを開きます。
5. dependencies フィールドに、パッケージ名と、使用するサードパーティライブラリのバージョンを入力します。

   "dependencies": {
       "<package name>": "<version>"
     }

6. サードパーティライブラリパッケージをインストールします。
   1. コマンドパレットを開くには、次のいずれかのキーボードショートカットを使用します。
      • Windows：Ctrl-Shift-P
      • Mac：Cmd-Shift-P
   2. 「パッケージマネージャー:依存関係のインストール」と入力し、Enter キーを押します。
   パッケージは node_modules ディレクトリにインストールされます。
7. JavaScript モジュールで、import ステートメントを使用してライブラリをインポートします。
   この例では、モジュールに lodash モジュールの名前空間インポートが含まれています。

   import * as lodash from "lodash"

   この例では、モジュールに lodash モジュールの camelCase 関数の名前付きインポートが含まれています。

   import camelCase from 'lodash'

8. モジュールでライブラリからインポートされたコードを呼び出して再利用します。
9. ステータスバーから、[ビルドとインストール] ] を選択します。

   

   エディターで開いているアクティブなファイルによって、ビルドするアプリケーションが決まります。ファイルが開いていない場合は、プロンプトが表示されたらビルドするアプリケーションを選択します。

   ビルド後、モジュールは EcmaScript モジュール [sys_module] テーブルに追加されます。

• プライベートレジストリーから npm パッケージをインストールする ServiceNow IDE
  プライベートレジストリからノードパッケージマネージャー (npm) パッケージを依存関係としてアプリケーションにインストールし、サードパーティライブラリとして使用します。

関連概念

• JavaScript モジュールとサードパーティライブラリ