UiPath 사용자 정의 입력 사용
UiPath 사용자 정의 입력 정보
UiPath로 유저가 ID나 패스워드 등을 입력하게 하고 나서 처리를 개시하고 싶을 때에, 입력 다이얼로그 1개씩 밖에 입력을 할 수 없기 때문에, 복수 항목이 있을 때 입력이 조금 귀찮게 된다.
그러나, 커스텀 입력이라고 HTML 파일을 표시해, 입력 폼의 항목등을 스스로 설정할 수 있기 때문에 일괄로 입력할 수 있게 되어 상당히 편리해진다.
(불특정 다수의 사람이 이용하는 것으로, 매회 읽어들이는 파일을 재기록하는 것이 귀찮은 때에 굉장히 편리했기 때문에 자신용의 메모로서.)
UiPath 사용자 정의 입력 작성 방법
맞춤 입력용 HTML 파일 만들기
CustomForm.html<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>UiPath CustomForm</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="form-wrapper w-50" style="margin-left: auto; margin-right: auto; margin-top: 5%;">
<div class="form-group">
<label for="exampleInputName">氏名</label>
<input type="text" class="form-control" id="Name">
</div>
<div class="form-group">
<label for="exampleInputID">ID</label>
<input type="text" class="form-control" id="Id">
</div>
<div class="form-group">
<label for="exampleInputPassword">Password</label>
<input type="password" class="form-control" id="Password">
</div>
<button type="submit" class="btn btn-primary" onclick="SubmitValues()">OK</button>
</div>
<script type="text/javascript">
function SubmitValues() {
var Name = document.getElementById("Name").value;
var Id = document.getElementById("Id").value;
var Password = document.getElementById("Password").value;
window.external.setResult(Name + "," + Id + "," + Password);
return true;
}
</script>
</body>
</html>
위의 내용으로 CustomForm.html 파일을 만듭니다.
CSS는 Bootstrap을 사용합니다. (보면 알 수 있을지도 모릅니다만 일단...)
htps : // / cs. 우파 th. 코 m / 아 c 치 ぃ 치에 s / ㅁ g - 그럼 / ㅇ cs / 쿠 s와 m 엠프 t
이쪽을 참고로 만들고 있습니다.
UiPath에서 맞춤 입력 활동 배치
UiPath 액티비티 내에서 システム
-> ダイアログ
-> カスタム入力
를 이용합니다.
활동 검색(Ctrl+Alt+F)에서 맞춤 입력으로 검색하자마자 나옵니다.
URI
(URL의 실수가 아닐까 ...)에 방금 작성한 CustomForm.html
를 지정합니다.
오른쪽의 ...
를 클릭하면 파일 선택 화면이 나타납니다.結果
는 String 유형의 변수를 지정합니다. 이미지에서 input_data
위 이미지와 같이 代入
및 繰り返し(コレクションの各要素)
및 1行を書き込み
활동을 배치합니다.
변수의 input_array
는 String 배열입니다.
' 代入アクティビティ
input_array = Split(input_data, ",")
' もしくは
input_array = input_data.Split(","c)
실행하다
보안 소프트나 IE의 설정으로 이미지 상단의 팝업이 나올지도 모릅니다만, 클릭해 허가를 하면 움직입니다. (팝업이 나오지 않는 무엇인가 대책법이 있으면 누군가 가르쳐 주면 고맙습니다.)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>UiPath CustomForm</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="form-wrapper w-50" style="margin-left: auto; margin-right: auto; margin-top: 5%;">
<div class="form-group">
<label for="exampleInputName">氏名</label>
<input type="text" class="form-control" id="Name">
</div>
<div class="form-group">
<label for="exampleInputID">ID</label>
<input type="text" class="form-control" id="Id">
</div>
<div class="form-group">
<label for="exampleInputPassword">Password</label>
<input type="password" class="form-control" id="Password">
</div>
<button type="submit" class="btn btn-primary" onclick="SubmitValues()">OK</button>
</div>
<script type="text/javascript">
function SubmitValues() {
var Name = document.getElementById("Name").value;
var Id = document.getElementById("Id").value;
var Password = document.getElementById("Password").value;
window.external.setResult(Name + "," + Id + "," + Password);
return true;
}
</script>
</body>
</html>
' 代入アクティビティ
input_array = Split(input_data, ",")
' もしくは
input_array = input_data.Split(","c)
를 입력하고 OK를 누릅니다. (OK 버튼이 왠지 쇼보입니다)
출력 결과
input_data
에는 입력한 내용이 ","(コンマ)
단락으로 출력됩니다.그 때문에,
代入
로 String 배열로 해, 繰り返し(コレクションの各要素)
로 값을 모두 출력하도록(듯이) 합니다.좀 더 양식을 깔끔하게 표시하고 싶습니다.
Reference
이 문제에 관하여(UiPath 사용자 정의 입력 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/sweetpox/items/e54044e6ea10bcf414b3텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)