자바스크립트 따라하기 – Utils 사용하기 (응용)

Script

자바스크립트 따라하기 – Utils 사용하기 (응용)

스크립트에서 utils의 함수를 활용할 수 있다.


1. X-SCADA 디자이너에서 빈 프로젝트를 연다.

1) 페이지에 레이블을 5 개 추가한다.

515d824d2fb0c722cea93fb72a77e715_1635490973_548.png
 

2) page_1의 스크립트를 다음과 같이 작성한다.

515d824d2fb0c722cea93fb72a77e715_1635490981_1207.png
 

3) 각 레이블의 스크립트 속성을 다음과 같이 설정한다.

515d824d2fb0c722cea93fb72a77e715_1635490988_8318.png
515d824d2fb0c722cea93fb72a77e715_1635490988_8816.png
515d824d2fb0c722cea93fb72a77e715_1635490988_9288.png
515d824d2fb0c722cea93fb72a77e715_1635490988_968.png
515d824d2fb0c722cea93fb72a77e715_1635490989_0111.png
515d824d2fb0c722cea93fb72a77e715_1635490989_0525.png
 

4) 실행이나 F5 버튼을 눌러 뷰어를 실행한다.

515d824d2fb0c722cea93fb72a77e715_1635490999_8194.png
 

5) 레이블 객체를 클릭하여 스크립트 동작을 확인할 수 있다.

· exec

515d824d2fb0c722cea93fb72a77e715_1635491017_0502.png
 

· commandLine

515d824d2fb0c722cea93fb72a77e715_1635491023_3901.png
 

· write

515d824d2fb0c722cea93fb72a77e715_1635491029_2401.png

515d824d2fb0c722cea93fb72a77e715_1635491064_3224.png
 

· read

515d824d2fb0c722cea93fb72a77e715_1635491071_453.png
515d824d2fb0c722cea93fb72a77e715_1635491071_5152.png
 

· webRequest

515d824d2fb0c722cea93fb72a77e715_1635491081_411.png
 



2. 스크립트 코드 해석


1) page_1 페이지

① exec_OnClick 메소드

function exec_OnClick(event) {

scada.utils.exec("C:/WINDOWS/system32/notepad.exe");

}


(1) scada.utils.exec("C:/WINDOWS/system32/notepad.exe");

C:/WINDOWS/system32폴더의 메모장 프로그램을 실행한다.

· 페이지 콘솔 창 결과: -


② commandLine_OnClick 메소드

function commandLine_OnClick(event) {

scada.utils.commandLine("start write");

}


(1) scada.utils.commandLine("start write");

프롬프트 창에서 start 명령어에 파라미터 write를 주고 실행하여 워드패드를 실행한다.

· 페이지 콘솔 창 결과: -


③ write_OnClick 메소드

function write_OnClick(event) {

scada.utils.write(null, "hello");

}


(1) scada.utils.write(null, "hello");

파일을 저장하는 다이얼로그를 열어 파일 이름을 받고, 해당 파일에 hello를 입력하여 저장한다.

· 페이지 콘솔 창 결과: -


④ read_OnClick메소드

function read_OnClick(event) {

var str = scada.utils.read();

console.log(str);

}


(1) var str = scada.utils.read();

파일 열기 다어얼로그를 열어 파일을 지정하고, 해당 파일을 읽어 str 변수에 저장한다.

· 페이지 콘솔 창 결과: -


(2) console.log(str);

str 변수에 저장된 내용을 페이지 스크립트 콘솔에 출력한다.

· 페이지 콘솔 창 결과: “hello”


⑤ web_OnClick 메소드

function web_OnClick (event) {

scada.utils.webRequest("https://www.xisom.com/ko-kr/php/home.php", function(json) {console.log(json);});

}


(3) scada.utils.webRequest("https://www.xisom.com/ko-kr/php/home.php", function(json) {console.log(json);});

https://www.xisom.com/ko-kr/php/home.php에 http GET 요청을 보내고, 응답을 받아 페이지 콘솔 스크립트에 출력한다.

· 페이지 콘솔 창 결과: (XISOM 홈페이지 HTML)

0 Reply Comment
Title