Web serial API 연결해서 사용하기

Updated on

목차:

음… 이번에 저울을 웹과 연결할 예정이다. 그런데 여기서 문제가 발생하는데…
기존에는 https://www.sollae.co.kr/ko/products/cse-b63n2.php 을 사용했었다.

하지만, 여기서 문제는 오래된 구식 저울에는 해당 기능(?)이 안되는 것이였다.
해당 제품의 문제인지, 저울의 문제인지 알 수 없는 상황.

또한, 생각해보면… 저울을 저렇게 이더넷으로 통신을 뚫어주고, 백엔드에서 통신하게 된다면, 외부 포트가 열려있어야만 했다.

하지만, 외부 포트가 열려있지 않는 환경도 존재할 것이라는 문제가 있었다.

그렇기에, 나는 COM port 를 이용하여, web serial API로 통신할 예정이다. (저번에 만들던 확장프로그램을 기반으로 통신 할 수 있게 만들 예정이다)

그래서, 지금 이렇게 글을 작성한다. (작업하면서 동시에 작성해서 남김)
오랜만에 글 다운 글을 작성하는건가…

참조사이트

시작하기에 앞서…

chrome://flags/#enable-experimental-web-platform-features

위 해당 기능을 활성화 시켜주어야만 한다. (일반, dev 모드에서는)

아.. 그런데 조금 이상하다.. dev 모드, 크롬 카나리아 모드에서도 뜨고…

일반 모드에서는 해당 옵션을 켜줬는데도 안뜬다 !!
왜 이럴까..
검색중….

https://shadow-relic-margin.glitch.me/

찾다보니… 이런게 있네… 띠요옹 ~~

아래에 해당 내용을 찾았는데…

https://stackoverflow.com/questions/67253699/webusb-api-not-able-to-find-compatible-device

chrome://device-log/?refresh=1

chrome://usb-internals/

카나리아와 일반의 차이점. 카나리아는 Serial device added 를 자동으로 추가하지만, 일반은 자동으로 추가하지 않았다.

하지만, USB-Serial Controller D 라는 저울 시리얼 컴포트는 두 브라우저 모두 잡았다.

https://permission.site/

위에서 브라우저 테스트를 진행 할 수 있었다.

세 브라우저 모두 USB로는 잡히지만, 일반 크롬에서는 시리얼만 누락되었다.

일단, 해당 내용에 대한 컨텐츠가 너무나도 없기 때문에, WICG/serial 에 이슈를 남겼다.

https://github.com/WICG/serial/issues/153

답변이 오는 것을 확인하고서, 포스팅을 이어나가야 할 것 같다.