상세 컨텐츠

본문 제목

CITIZEN XML Print Service - 자바스크립트를 이용한 라벨인쇄 SDK 를 소개합니다.

알쓸신잡

by 블랙캣 2022. 2. 8. 21:06

본문

728x90
반응형

CITIZEN XML Print Service 를 통하여 네트워크에 있는 CITIZEN 프린터로 라벨을 인쇄할 수 있습니다.

이 서비스를 사용 할 수 있도록 JavaScript SDK를 제공합니다.


CITIZEN XML Print Service는 운영체제에 종속되지 않는 다중 플랫폼 환경에서 장치 드라이버 없이 프린터를 제어할 수 있도록 제공됩니다.

제어 방식이 HTTP(XML) 기반이기 때문에 웹 서비스 환경에서 프린터를 쉽게 제어할 수 있습니다.

또한 CITIZEN XML-Label Print API는 CITIZEN XML Print Service 가 클라이언트 측에서 JavaScript를 사용하여 인쇄할 수 있도록 라이브러리로 제공됩니다.

 


CITIZEN XML Print Service 시스템 구성은 위 그림과 같이 구성 할 수 있습니다.


적용 모델
인터페이스
CL-S400DT
유선랜 (모델번호 : IF1-EFX1*, IF1-EFX2)
유.무선랜 (모델번호 : IF1-WFx4, IF1-WFx6)
CL-E720 / 730
CL-E300EX / 303EX
유선랜 (모델번호 : IF2-EFX1*, IF2-EFX2)
유.무선랜 (모델번호 : IF2-WFx5, IF2-WFx6)
CL-E321EX / 331EX
CL-S700 / 703
유선랜 (모델번호 : IF5-EFX1)
CL-S700II / 703II
CL-S621 / 631
CL-S621II / 631II

* HTTPS 지원하지 않는 HTTP 전용 모델입니다.

 
 

*목록에 프린터 모델 있더라도 지원되는 랜카드 모델이 아닌경우 사용할 수 없습니다.


JavaScript Label Print SDK

Label Print SDK는 클라이언트 측에서 CITIZEN XML Print 서비스를 제어하는 JavaScript 라이브러리입니다.

JavaScript를 사용하여 웹 응용프로그램에서 레이블을 인쇄할 수 있습니다.

HTML5를 지원하는 웹 브라우저에서 작동합니다.

JavaScript로 Label Print SDK를 제공합니다.

SDK를 사용하려면 웹 서버에 "cxmlp-label-api.js" 파일이 있어야 합니다.

 

cxmlp-label-api.js
0.08MB

SDK의 소스 코드는 수정하면 정상 작동하지 않을 수 있으니 수정하지 마세요.

 


웹 서버에 있는 HTML <script> 태그를 사용하여 js 파일을 추가 하면 사용할 수 있습니다.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Label Print SDK Sample</title>
 
  <script type="text/javascript" src="cxmlp-label-api.js"></script> // SDK 추가
 
  <script type="text/javascript">
  //Create an LabelDesign object
  var design = new citizen.LabelDesign();
  //Register design of label
  design.drawCircle(50, 50, 15);
  design.drawRect(20, 30, 180, 280, 10);
  //Create an Device Control object
  var print = new citizen.LabelPrint();
  //Set response receive callback function
  print.OnReceive = function (res, xml) {
  alert(res.ResponseCode);
  };
  //Set send error callback function
  print.OnError = function (res) {
  alert(res.status);
  };
  //Set RequestMessageID
  print.MessageID('12345678');
  //Execute sending
  print.print('http://192.168.1.123/xmlprint', design, 1);
  </script>
</head>
<body>
.
.
</body>
</html>

 

위 예제 코드와 같이 "<script type="text/javascript" src=" cxmlp-label-api.js"></script>" 를 추가하면 됩니다.


압축 파일안에 예제 HTML 파일과 JavaScript Label Print SDK 프로그램 매뉴얼이 포함 되어있습니다.

CITIZEN 프린터 웹 어플리케이션 개발하시는 분들은 참고하시면 도움이 되실 겁니다.

728x90
반응형

관련글 더보기

댓글 영역