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

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

前提条件

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

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

手順

ServiceNow サービスポータルにログインします。
[ウィジェットエディター] ページに移動します。
このページには、ウィジェットを設定するためのいくつかのオプションと、最近更新されたウィジェットを表示するための参照が含まれています。
[新しいウィジェットを作成] オプションをクリックすると、新しいウィジェットが作成されます。
[ウィジェットを追加] ウィンドウが表示され、ウィジェットを指定するための詳細が表示されます。
[ウィジェット名] フィールドにウィジェットの名前を指定します。
名前を入力すると、ウィジェットの ID が自動的に生成されます。

たとえば、ウィジェットに AA Bots という名前を指定すると、これが Automation Anywhere Bot ウィジェットであることを示すことができます。
[送信] をクリックします。
HTML テンプレートまたはエディターを備えた新しいウィンドウが表示され、iFrame ウィジェットの詳細を入力するように求められます (該当する場合)。
iFrame ウィジェットコードを HTML テンプレートに貼り付けます。
これは Automation Co-Pilot (Web) で生成した iFrame ウィジェットコードです。
[保存] または Ctrl + S をクリックして、現在のセッションを保存します。
これで iFrame ウィジェットコードが追加され、セッションが保存されました。iFrame ウィジェットを埋め込むコードです。
ServiceNow App Engine Studio のメインページにアクセスできます。
[すべて] > [サービスポータルの設定] に移動します。
[Designer] をクリックします。
編集する既存のページを選択します。
[Designer] ページが表示されます。
オプション: このページで既存のウィジェットを再配置または削除して、iFrame ウィジェット用のスペースを確保します。
作成したウィジェット (例: AA Bots) を [ウィジェット] タブからドラッグして、ページに配置します。
これで iFrame ウィジェットが追加され、ページに表示されるようになります。

重要: iFrame ウィジェットは表示されていますが、スタイルは適用されていません。
ServiceNow サービスポータルに戻ります。
[ウィジェットエディター] をクリックします。
ウィジェット (例: AA Bots) を [最近更新されたもの] リストでクリックします。
HTML テンプレートが表示されているウィンドウに移動します。また、このページには CSS のテンプレートも表示されています。
ウィジェット (例: AA Bots) の詳細を [CSS] テンプレートで指定します。
ウィジェットの境界線のサイズ、スタイル、カラーを指定することができます。
[Designer] ページに戻ります。
iFrame ウィジェットの構造が更新されました。
ページを更新します。
小さなウィンドウが表示され、ログインページを使用して Automation Co-Pilot (Web) インターフェースに接続されることが確認できます。
ユーザー資格情報で iFrame ウィジェットにログインして、Automation Co-Pilot データにアクセスします。
iFrame ウィジェットが更新され、オートメーションおよびタスクのリストが Automation Co-Pilot で利用可能になります。データを直接処理することができます。
iFrame ウィジェットを表示します。

これで Automation Co-Pilot データを含む iFrame ウィジェットを Web アプリケーションに埋め込むことができました。

次のステップでは、iFrame ウィジェットを使用して、オートメーションをデプロイできます (Web アプリケーションにオートメーションをデプロイするを参照)。

Automation 360

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