トランザクション
トランザクションとは、webアプリケーションにおいて従業員が実行することで会社にビジネス価値を生む行動またはイベントです。 サービスマネージャーは、従業員がアプリケーションのwebページ上で特定の行動を効率的に行えるか判断するために十分な詳細度が必要です。
Nexthinkのwebインターフェースは、開始イベントと終了イベントを指定することでトランザクションを定義しています。
開始イベントは、アクションが適用される要素をクリックやキー入力するなどのユーザー定義の動作です。 例えば、保存ボタンをクリックするなどです。
終了イベントは、ページに定義されている要素が追加または変更されたときです。 例えば、メッセージやアイコンがページに現れたり、あるいは要素がページから消える場合です。
NexthinkはCSSセレクタを使用して、アプリケーションのwebページ上の開始要素と終了要素を定義します。
Nexthinkは、全アプリケーションでのトランザクションの総数が1000以下であれば、1アプリケーションあたり無制限のトランザクションを設定可能です。
トランザクション設定
設定フォームを使用して、トランザクションを設定し、その開始と終了を指示します。
一部のアプリケーションには、常にページの一部である要素が含まれています。 これらの要素はCSSの変化に伴って可視または不可視になることがあります。
要素の
visible
属性を変更できます。要素のクラス名が動的に変更されることがあります。
要素が、動的にクラスまたは属性が変更される他の要素によって覆われることがあります。
新しいトランザクションの追加
新しいトランザクションを追加するには:
メインメニューからApplications > アプリケーションの管理を選択してください。
選択したアプリケーションの名前をクリックし、その設定にアクセスします。
アプリケーションの設定ページからトランザクションタブをクリックします。
Add transactionボタンをクリックしてAdd transactionウィンドウを開きます。
Add transactionウィンドウから、トランザクションの開始 および トランザクションの終了 のタブを入力します。
トランザクションの開始の定義
Add transactionウィンドウから、トランザクションの開始タブをクリックして、フィールドに入力します。
以下のテーブルには、トランザクション開始フィールドとその定義方法が表示されています。
トランザクション名
トランザクションの意味のある名前を入力してください。
開始イベントの種類
ユーザーがトランザクションを起動する方法に基づいて、オプションのいずれかを選択してください。
トリガーはクリック、キーボードのEnterキーの押下、またはページのナビゲーションなどがあります。
開始イベント名
開始要素の名前を最大100文字で選択してください。
名前を書く際には標準のUTF-8文字セットを使用してください。
他のソースからのコピーは、サポートされていない特殊文字を持ち込む可能性があることに注意してください。
開始要素CSSセレクタ
トランザクションをトリガーするためのページ要素のCSSセレクタを貼り付けてください。
開始要素のテキストパターン(オプション)
CSSセレクタ以外に、テキストパターンを使用して開始要素を絞り込むことができます。
いくつかのアプリケーションでは、そのテキストが複数の言語で存在する可能性があることに注意してください。
一致する要素をすべて選択
このボックスにチェックを入れると、要素IDに一致するすべての要素が選択されます。
これは、例えば、ユーザーが表の任意の行をクリックしたときにトランザクションをトリガーするのに役立ちます。
トランザクションの終了の定義
Add transactionウィンドウから、トランザクションの終了タブをクリックして、フィールドに入力します。
以下から選択できます:
自動トランザクション終了検出を使用
手動トランザクション終了フィールドを入力するために自動オプションをオフにします。
自動トランザクション終了検出を使用
プロセストランザクション終了設定を簡素化するために、Nexthink Applicationsは自動検出を提供しています。
この機能はデフォルトで有効になっています。 このオプションを選択すると、他の設定オプションは必要がなくなるため閉じます。
Nexthinkは、既存のトランザクション終了設定をバックアップしてから自動トランザクション終了検出を進めることを推奨します。
既存のトランザクション終了を編集する際、チェックボックスをオンにして完了を押すと現在の設定を失います。
手動トランザクション終了フィールド
自動トランザクション終了検出オプションをオフにすると手動トランザクション終了フィールドが開きます。
以下のテーブルには、手動トランザクション終了フィールドとその定義方法が表示されています。
終了イベント名
開始要素の名前を、スペースで区切って標準の安全な文字の組み合わせを使用して選択してください。最大100文字です。
終了イベントタイプ
以下のオプションからトランザクション終了時に選択してください:
要素が表示される
要素が消える
要素のCSSクラスが追加される
要素のCSSクラスが削除される
終了要素のCSSセレクター
トランザクションを終了するページ要素のCSSセレクターを貼り付けます。
終了要素のテキストパターン (オプション)
CSSセレクターに加えて、テキストパターンを使用して終了要素を絞り込むことができます。
一部のアプリケーションでは、テキストが複数の言語で存在する可能性があることに注意してください。
すべての一致する要素を選択
このフィールドのチェックボックスをオンにしないでください。これは非推奨であり、Nexthinkのwebインターフェースから削除される予定です。
新しい要素のみを確認
既存の要素識別子で生成された新しい要素に対してこのオプションを選択します。
システムはすでに存在する要素を無視し、トランザクション終了をキャプチャします。
既存のトランザクションを編集する
作成されたトランザクションは、アプリケーションの設定ページのトランザクションタブにリストされています:
既存のトランザクションにカーソルを合わせてアクションメニューを表示します。
トランザクションを編集する オプションをクリックして、トランザクション編集ウィンドウを開きます。
トランザクションフィールドを編集します。 トランザクションの開始を定義する および トランザクションの終了を定義する を参照してください。
完了 をクリックして変更を保存します。
トランザクションのインポートとエクスポート
アプリケーションの設定ページのトランザクションタブで:
トランザクションをエクスポートするには、既存のトランザクションにカーソルを合わせてアクションメニューを表示します。
トランザクションをエクスポート オプションをクリックして、トランザクションをJSONファイル形式でエクスポートします。
ファイルはブラウザのダウンロードフォルダーに表示されます。
トランザクションをインポートするには、トランザクションをインポート ボタンをクリックしてJSON形式のトランザクションファイルをインポートします。
トランザクションのためのCSSセレクターの設定
CSSセレクターは、webページ上の特定の要素を識別します。 トランザクションを設定する際には適切なセレクターを使用することが重要です。
これらの特別な考慮事項を覚えておいてください:
アプリケーションが更新またはアップグレードされたときにセレクターが変更される可能性があります。
ページを再読み込みすると、セレクターが変更される可能性があります。
1つのセレクターがページの複数の要素を参照することができます。
これらの問題を回避するために、各トランザクションの開始および終了イベントのために次の点を分析してください:
アプリケーションが複数の言語で利用可能な場合は、テキストを含むセレクターを避けてください。
ランダムに生成された文字列を含むセレクターを避けてください。
ページを再読み込みして、ページの再読み込み後もセレクターが機能するか確認してください。
ページをすべて探索して、ページの別の設定で他の要素が選択されないことを確認してください。
例えば、コンボボックスを展開したり、隠しメニューを公開したりする。
アプリケーションが更新またはアップグレードされたときにもセレクターが機能することを確認してください。
システムメンテナンス後にNexthinkがトランザクションの収集に失敗した場合、セレクターの調整が必要であることを示している可能性があります。
CCSセレクターを見つけるには、次のオプションを使用できます:
Nexthinkブラウザ拡張機能の使用
Nexthinkブラウザ拡張機能をインストールする ドキュメントを参照してください。
Nexthinkブラウザ拡張機能は、監視対象のwebアプリケーションまたはドメインの個々のトランザクションを検出することができます。 拡張機能は、トランザクションの設定プロセスを大幅に簡素化および促進します。次のことを可能にします:
関心のある要素のCSSセレクターを決定します。
トランザクション設定をテストし、CSSセレクターが機能することを確認します
トランザクションをJSONファイルとしてエクスポートして、Nexthinkにインポートします。
Nexthink拡張機能をインストールし、起動した後:
ブラウザツールバーで拡張機能を探してクリックします。
Powered by Nexthink を5回連続した操されてら開かれ
Nexthink拡張ウィンドウで トランザクションを設定 ボタンをクリックします。
要素の自動検出モードを使用して、クリックで希望の要素を追跡できます。
webアプリケーションで対話したすべての要素がポップアップに表示されます。
要素の自動検出は、監視対象のアプリケーション/ウェブサイト内でのみ動作します。
ページ要素を自動選択した後、Nexthinkブラウザ拡張機能から直接トランザクションを設定できます。
拡張機能の設定機能は自動検出でのみ使用できます。
テストボタンをクリックして、トランザクション設定がユーザーの操作を正しくキャプチャするかどうかを確認します。 必要に応じて、テストの再開始が可能です。
エクスポートボタンをクリックして、インポートとしてトランザクションをNexthinkにインポートできるJSONファイルをダウンロードします。
要素を手動で選択する
Nexthinkブラウザ拡張機能は、高度な設定シナリオでより正確に終了要素を定義するために、手動の要素検出も提供しています。
これらのケースをカバーするには:
要素を選択ボタンをクリックして、特定の要素を選択できるモードに入ります。
アプリケーションページ上の希望する要素を手動でクリックまたは対話します。
要素のセレクターをコピーして、Nexthinkのwebインターフェースで終了要素を設定するために使用します。
要素の手動選択は、監視対象のアプリケーション/ウェブサイト内でのみ動作します。
Nexthinkツールボックス拡張機能の使用
Nexthinkでは、ページ要素を特定するためにNexthinkブラウザ拡張機能の使用を推奨しています。 Nexthinkツールボックスはもはやサポートされておらず、間もなく非推奨になります。
Nexthinkが提供する追加のツールボックス拡張機能を使用して、webページのUI要素のCSSセレクターを識別できます。これは、chrome.google.comサイトのChrome Web Storeを通じて提供されます。
Nexthinkツールボックスをインストールして起動した後:
セレクターを見つけたいページに移動してから、拡張機能をクリックします。
要素を選択ボタンをクリックして、インスペクションモードを開始します。
興味のあるwebページ上の領域をクリックして、CSSセレクターを自動的に収集します。選択したエリアは淡黄色でハイライトされます。
Chrome開発者ツールの使用
Chrome開発者ツールはすべてのインストールで利用可能で、関連するCSSセレクターを見つけるために使用できます。
興味のあるwebページを読み込み、Chrome開発者ツールを開きます。
ページ上で右クリックして、Chromeのポップアップから「検証」を選択します。
選択アイコンをクリックします。
関心のある機能を監視するwebページ上の特定の要素を選択するために、カーソルを使用します。
開発者ツールのサイドパネル内でハイライトされたコード部分を右クリックします。
コンテキストメニューで、コピー > セレクターをコピーをクリックします。
一時的なCSSセレクターの発見
Chromeの開発者ツールを使用して一時的な要素のCSSセレクターを見つけることもできます。
興味のあるwebページを読み込み、Chrome開発者ツールを開きます。
ページ上で右クリックして、Chromeのポップアップから「検証」を選択します。
ソースタブに切り替えます。
ブラウザ内でアクションをトリガーし、検査したい状態に到達します。
F8を押すか、macOSの場合はfn+F8を押します。 これでブラウザが一時停止され、ソースに戻ってF8を再び押すまで要素タブは更新されません。
一時停止中、要素タブに戻り、標準の検査ツールを使用します。
入れ子になったクロスオリジンiframeのトランザクション
多くの重要なビジネスアプリケーションは、iframeを使用して外部の要素をサイトに埋め込みます。 これらの一部は、ネストまたはクロスオリジンの特定のタイプを使用しています。
iframeは例えば<iframe></iframe>
タグでコード内に識別できます。例: <iframe src="https://nexthink.com"></iframe>
ネストされたiframeは、他のiframeを含むページを含むiframeです。
クロスオリジンiframeは、サイトのドメイン外のコンテンツを含むものです。
現在のトランザクション設定プロセスを使用して、ネストおよびクロスオリジンiframeを使用するアプリケーションのためにトランザクションを設定します。
設定のヒント
これらの2つのシナリオは、さまざまな状況でCSSセレクターを定義する方法を例示しています。
<summaryシナリオ2: 多くの要素に対する一般的なセレクター。
多くの要素に対する一般的なセレクターは、nth-child
で記述されています。
解決策: セレクターからnth-child
を削除します。
#js-work-quickfilters > dd:nth-child(4) > a
から
#js-work-quickfilters > dd > a
へ
関連タスク
Last updated