RPA 功能｜UiPath 如何和網頁互動： Inject JS Script！

在開始閱讀正文之前，也別忘了先追蹤我們的 臉書粉絲專頁 與 方格子帳號！

前言：JavaScript 是甚麼？

備註：只有操作者可以看得到這個改變，其他人看不到喔

如果想學習更多 UiPath 功能、實作案例並了解最新自動化趨勢，
歡迎加入「零基礎快速學習 RPA－利用 UiPath 建構自動化機器人」線上課程！課程優惠只到 2024 年 2 月 5 日，快點擊連結立即了解：https://mastertalks.tw/products/rpa-uipath?ref=RPARPA

Inject JS Script 功能簡介

功能參數說明

• Script code：
  這個欄位主要是提供用戶在 UiPath 上直接輸入指定的 JS 語法。此外，如果已經習慣寫在 NotePad 或 JS 檔的用戶，也可以先在他處撰寫完成後，將檔案路徑填上以呼叫這些 JS 語法，稍後的範例練習也將以此作法進行。
• Indicate element inside browser：
  如果今天我們想和網頁互動的方式是：點擊特定案件或表格，就可以透過此功能來告訴 RPA 機器人該元件的位置，然而由於 JS 語法本身就可以指定網頁的元件位置，這個功能通常比較少被使用。

• Input：
  除了前面提到的 Script Code ，我們還有 Input Parameter 的功能可以操作。
  如果今天有其他參數，且希望將這些參數資訊輸入至 JS語法中，作為 Input 的一環時，便可透過 Input Parameter的欄位加入參數，後被 JS抓取。
• Output：
  若我們透過 JS 語法和網頁互動，是希望可以得到某些資訊，例如我們可以透過 JS 語法取得網頁的某些表格內容、特定關鍵字，並將這些資訊帶回 UiPath 給其他功能進行操作，例如匯入至 Excel 等，那麼這些從網頁得到的資訊輸出，就可以在 ScriptOutput 進行設定。
• Common：
  ContinueOnError指的是，當流程在 Inject JS Script 此功能發現錯誤，仍可以繼續進行下去；然而這並非我們設計流程時所樂見的狀況，因此較少使用，大多是在測試流程階段才有機會勾選！

實作案例

1. 我們需要先開啟一個記事本，並將其副檔名改成 .js，如下圖檔名為「code.js」，如此一來便可以變成 JS 檔案，以供後續檔案存取。

function(element){
	alert("Hello World!") ;
}

註：UiPath 的最新版本會使用 Use Application/Browser 來取代 Open Browser，後續會再和各位介紹。

註：此案例為簡單示範此一功能，只有填寫檔案路徑，否則多數情況因應各種需求，還是需要點選 Properties 進行進階設定，包含注入參數、設定輸出值等。

結語與心得

如果你／妳喜歡這篇文章，歡迎點點愛心或留言，讓我們相互交流和成長！
這次的分享到此告一段落，想了解更多 RPA + AI 與數位轉型的最新趨勢與觀點、RPA 軟體功能介紹及實務應用案例，也歡迎追蹤 RPAI 數位優化器的社群和我們交流互動，我們下次見！
🚀 Instagram：RPAI 數位優化器
🚀 臉書粉絲專頁：RPAI 數位優化器
🚀 YouTube 頻道：RPAI 數位優化器

延伸學習資源

• How to execute JavaScript Code in UiPath
• UiPath - Inject JS Script