Web ページからの値の取得

このタスクについて

このチュートリアルでは、Web ページにナビゲートし、表を取得し、複数の組み合わせボックスで値を選択し、Web からイメージを取得し、この情報をファイルとしてシステム・ディレクトリーに保管するスクリプトを作成します。

開始前に

コンピューターに以下の項目をインストールして構成します。

• IBM RPA Studio 20.12.0 以上
• サポートされているブラウザーのいずれか:
  • Google Chrome
  • Mozilla Firefox
  • Internet Explorer
• 安定したインターネット接続
• Microsoft ® Windows™ の管理者権限を持つユーザー
• 「デザイナー」開発ビューの使用

手順

ディレクトリーの作成

Web ページから取得した情報を含むファイルを保管するディレクトリーを作成する必要があります。

1. 「システム・フォルダー・パスの取得」コマンドをスクリプトに挿入します。

   1. 「フォルダー」入力パラメーターで、My Documents オプションを選択します。
   2. 「パス」出力パラメーターに、値 pathMyDocuments を挿入します。

2. 「ディレクトリーの作成」コマンドをスクリプトに挿入します。

   1. 「パス」入力パラメーターに、値 ${pathMyDocuments}\rpa_challenge_tutorial を挿入します。
   2. 「ディレクトリー」出力パラメーターに、値 directoryObtainedFiles を挿入します。

   ブラウザーの開始

   以下のコマンドを挿入して、ブラウザーの新規インスタンスを作成します。

3. 「ホーム」タブで、「新規変数」ボタンをクリックして新しい変数を定義します。

   1. 「名前」入力パラメーターに、値 instanceName を挿入します。
   2. 「変数タイプ」入力パラメーターで、Text オプションを選択します。
   3. 「値」入力パラメーターに、値 browser-instance を挿入します。

4. 「ブラウザーの開始」コマンドをスクリプトに挿入します。

   1. 「インスタンス名」入力パラメーターに、変数 ${instanceName} を挿入します。
   2. 「ブラウザー・タイプ」入力パラメーターで、ご使用のマシンで使用可能なブラウザーを選択します。

   「ブラウザーを閉じる」コマンドは、Web 自動化のスコープを閉じます。 このコマンドは、「ブラウザーの開始」コマンド定義の保存時にスクリプトに自動的に挿入されます。

5. 「ブラウザーを閉じる」コマンドに、以下の値を挿入します。

   1. 「インスタンス名」入力パラメーターに、変数 ${instanceName} を挿入します。
   2. 「ブラウザーを開いたままにする」入力パラメーターを有効にします。

   重要: 「ブラウザーの開始」コマンドと「ブラウザーを閉じる」コマンドの間に、Web ページのエレメントを操作するすべてのコマンドを挿入します。

   Web ページへのナビゲート

   IBM RPA Stock Market Web ページにナビゲートします。

6. 「ナビゲート」コマンドをスクリプトに挿入します。

   1. 「URL」入力パラメーターに、値 http://rpachallenge.com/assets/rpaStockMarket/index.html を挿入します。

   エレメントの操作

   すべての Web ページ要求のロードを待機して、エレメントの処理を開始します。 すべての要求をロードして、Web ページ上で必要なエレメントが見つからないことでロボットが実行を中断しないようにします。

7. 「Web ページ要求を待機」コマンドをスクリプトに挿入します。

   1. 「タイムアウト」入力パラメーターに、値 00:00:30 を挿入します。

   Web からの表の取得

   「Web 表の取得」コマンドを使用して、国別税率を含むデータ表を取得します。

8. 「Web 表の取得」コマンドをスクリプトに挿入します。

   1. 「セレクター・タイプ」入力パラメーターで、Css オプションを選択します。
   2. 「CSS」入力パラメーターに、値 body > div > div.center > div > div.items > table を挿入します。
   3. 「タイムアウト」入力パラメーターに、値 00:00:30 を挿入します。
   4. 「データ表」出力パラメーターに、値 ratesForCountries を挿入します。

   ファイルへの書き込み

   Web データ表から取得した内容を CSV ファイルに書き込む必要があります。

9. 「ホーム」タブで、「新規変数」ボタンをクリックして新しい変数を定義します。

   1. 「名前」入力パラメーターに、値 pathCsvFile を挿入します。
   2. 「変数タイプ」入力パラメーターで、Text オプションを選択します。

10. 「変数の割り当て」コマンドをスクリプトに挿入します。

    1. 「変数」入力パラメーターに、変数 ${pathCsvFile} を挿入します。
    2. 「値」入力パラメーターに、値 ${directoryObtainedFiles}\rates-per-country.csv を挿入します。

11. 「ファイルへの表の書き込み」コマンドをスクリプトに挿入します。

    1. 「ヘッダーの追加」入力パラメーターを有効にします。
    2. 「データ表」入力パラメーターに、変数 ${ratesForCountries} を挿入します。
    3. 「開始行」入力パラメーターに、値 1 を挿入します。
    4. 「区切り文字」入力パラメーターで、値 By Characters を選択します。
    5. 「セパレーター」入力パラメーターに、値 , を挿入します。
    6. 「パス」入力パラメーターに、変数 ${pathCsvFile} を挿入します。

    Web エレメントの選択

    組み合わせボックス内の値を選択するには、「コンボ・ボックスの項目の選択」コマンドを使用する必要があります。

12. 「コンボ・ボックスの項目の選択」コマンドをスクリプトに挿入します。

    1. 「検索基準」入力パラメーターで、Id オプションを選択します。
    2. 「ID」入力パラメーターに、値 country を挿入します。
    3. 「オプションの選択基準」入力パラメーターで、オプション Value を選択します。
    4. 「選択する値」入力パラメーターに、値「WEX Academy Inc.」を挿入します。
    5. 「タイムアウト」入力パラメーターに、値 00:01:00 を挿入します。

13. 「Web ページをクリック」コマンドをスクリプトに挿入します。

    1. 「検索基準」入力パラメーターで、Css オプションを選択します。
    2. 「CSS」入力パラメーターに、値 body > div > div.center > div > div.innercontainer > div.navbar2 > p > input[type=image] を挿入します。
    3. 「タイムアウト」入力パラメーターに、値 00:01:00 を挿入します。

    Web エレメントの取得

    「エレメント値の取得」コマンドを使用して、以前に選択した企業からすべてのデータを取得します。

14. 「エレメント値の取得」コマンドをスクリプトに挿入します。

    1. 「セレクター・タイプ」入力パラメーターで、Css オプションを選択します。
    2. 「エレメント CSS」入力パラメーターに、値 body > div > div.center > div > div.innercontainer > div.inneritem1 を挿入します。
    3. 「タイムアウト」入力パラメーターに、値 00:01:00 を挿入します。
    4. 「値」出力パラメーターに、値 companyData を挿入します。

15. 「ファイルへの書き込み」コマンドをスクリプトに挿入します。

    1. 「内容」入力パラメーターに、変数 ${companyData} を挿入します。
    2. 「ファイル・パス」入力パラメーターに、値 ${directoryObtainedFiles}\text-data-company.txt を挿入します。
    3. 「エンコード」入力パラメーターで、Operating system default オプションを選択します。
    4. 「上書き」入力パラメーターを有効にします。

16. 「Web からのイメージの取得」コマンドをスクリプトに挿入します。

    1. 「セレクター・タイプ」入力パラメーターで、Css オプションを選択します。
    2. 「イメージ CSS」入力パラメーターに、値 body > div > div.center > div > div.innercontainer > div.inneritem2 > img を挿入します。
    3. 「タイムアウト」入力パラメーターに、値 00:01:00 を挿入します。
    4. 「イメージ」出力パラメーターに、値 graphCompany を挿入します。

17. 「イメージの保存」コマンドをスクリプトに挿入します。

    1. 「イメージ」入力パラメーターに、変数 ${graphCompany} を挿入します。
    2. 「ディレクトリー」入力パラメーターに、変数 ${directoryObtainedFiles} を挿入します。
    3. 「ファイル名」入力パラメーターに、値 company-graph を挿入します。
    4. 「上書き」入力パラメーターを有効にします。
    5. 「イメージ形式」入力パラメーターで、Png オプションを選択します。

「ブラウザーを閉じる」コマンドは、Web ページ上のナビゲーション・プロセスを終了します。

次のタスク

「ホーム」タブで「開始」をクリックして、IBM RPA Studio のスクリプトを実行します。

関連トピック

関連トピック:

• Web セレクター
• Web アプリケーションの記録
• Web 自動化コマンド・リファレンス