Web アプリケーションで iFrame ウィジェットを構成する

iFrame ウィジェットを正しく有効にするには、サポートされている Web アプリケーションで iFrame ウィジェットの設定を行う必要があります。

前提条件

次の手順が完了していることを確認してください。

  • Co-Pilot ユーザー用にシステムで作成された [AAE_Robotic_Interface User] ロールが入力されている。
  • Web インターフェース上の Automation Co-Pilot for Business Users へのアクセス権がある。
  • iFrame テクノロジーをサポートしている任意の Web アプリケーションにアクセスできること。このタスクの場合、ServiceNow サービス ポータルと ServiceNow App Engine Studio になります。

手順

  1. ServiceNow サービス ポータルにログインします。
  2. [ウィジェット エディター] ページに移動します。
    このページには、ウィジェットを設定するためのいくつかのオプションと、最近更新されたウィジェットを表示するための参照が含まれています。
  3. [新しいウィジェットを作成] オプションをクリックすると、新しいウィジェットが作成されます。
    [ウィジェットを追加] ウィンドウが表示され、ウィジェットを指定するための詳細が表示されます。
  4. [ウィジェット名] フィールドにウィジェットの名前を指定します。
    名前を入力すると、ウィジェットの ID が自動的に生成されます。
    たとえば、ウィジェットに AA Bots という名前を指定すると、これが Automation Anywhere Bot ウィジェットであることを示すことができます。
  5. [送信] をクリックします。
    HTML テンプレートまたはエディターを備えた新しいウィンドウが表示され、iFrame ウィジェットの詳細を入力するように求められます (該当する場合)。
    HTML テンプレート内の HTML コード サンプル
  6. iFrame ウィジェット コードを HTML テンプレートに貼り付けます。
    これは Automation Co-Pilot (Web) で生成した iFrame ウィジェット コードです。
  7. [保存] または Ctrl + S をクリックして、現在のセッションを保存します。
    これで iFrame ウィジェット コードが追加され、セッションが保存されました。iFrame ウィジェットを埋め込むコードです。
  8. ServiceNow App Engine Studio のメインページにアクセスできます。
  9. [すべて] > [サービスポータルの設定] に移動します。
  10. [Designer] をクリックします。
  11. 編集する既存のページを選択します。
    [Designer] ページが表示されます。
  12. オプション: このページで既存のウィジェットを再配置または削除して、iFrame ウィジェット用のスペースを確保します。
  13. 作成したウィジェット (例: AA Bots) を [ウィジェット] タブからドラッグして、ページに配置します。
    これで iFrame ウィジェットが追加され、ページに表示されるようになります。
    重要: iFrame ウィジェットは表示されていますが、スタイルは適用されていません。
  14. ServiceNow サービス ポータルに戻ります。
  15. [ウィジェット エディター] をクリックします。
  16. ウィジェット (例: AA Bots) を [最近更新されたもの] リストでクリックします。
    HTML テンプレートが表示されているウィンドウに移動します。また、このページには CSS のテンプレートも表示されています。
  17. ウィジェット (例: AA Bots) の詳細を [CSS] テンプレートで指定します。
    ウィジェットの境界線のサイズ、スタイル、カラーを指定することができます。
    CSS テンプレート ページ内の CSS コードのサンプル
  18. [Designer] ページに戻ります。
    iFrame ウィジェットの構造が更新されました。
  19. ページを更新します。
    小さなウィンドウが表示され、ログイン ページを使用して Automation Co-Pilot (Web) インターフェースに接続されることが確認できます。
    AARI の資格情報を使用したログインのサンプル。
  20. ユーザー資格情報で iFrame ウィジェットにログインして、Automation Co-Pilot データにアクセスします。
    iFrame ウィジェットが更新され、オートメーションおよびタスクのリストが Automation Co-Pilot で利用可能になります。データを直接処理することができます。
  21. iFrame ウィジェットを表示します。
    ServiceNow の iFrame ウィジェットのサンプル。
    これで Automation Co-Pilot データを含む iFrame ウィジェットを Web アプリケーションに埋め込むことができました。
    次のステップでは、iFrame ウィジェットを使用して、オートメーションをデプロイできます (Web アプリケーションにオートメーションをデプロイする を参照)。