본문 바로가기
하드웨어/아두이노

[아두이노] 브라우저와 통신하기 - Web serial

by 만들오 2022. 2. 19.
안녕하세요? 만들오 입니다.

아두이노 예제에 대부분 들어가 있는 Serial(이하 시리얼)은 대표적인 통신 방법입니다.

이 시리얼 통신을 이용해 파이썬이나 다른 앱과 통신을 합니다.

 

Web serial이란?

브라우저와 기기간의 serial 통신을 말합니다.

※ 주의사항 : 모든 아두이노보드를 지원하지 않습니다. 저는 아두이노 레오나르도를 사용했습니다.

 

이게 왜 좋은건가요?

파이썬 앱을 쓴다면, 파이썬을 설치하고 라이브러리 등등 설치할게 많죠.

브라우저는 별도 앱 설치가 필요 없이, 그냥 홈페이지에 접속하면 됩니다.👍

 

아두이노 레오나르도 보드를 이용해 브라우저를 이용해 LED를 켜고 끄는 예제를 소개합니다.

void setup() {
    Serial.setTimeout(100);
    Serial.begin(9600);
    pinMode(LED_BUILTIN, OUTPUT);
}
void loop() { 
    if (Serial.available() > 0) { 
        String msg = Serial.readString(); 
        Serial.println(msg);
        if (msg == "h") digitalWrite(LED_BUILTIN, HIGH);
        else if (msg == "l") digitalWrite(LED_BUILTIN, LOW);
    }
}

코드는 시리얼 통신으로 문제 h를 받으면 내장 LED를 켜고, l을 받으면 끄는 간단한 예제입니다.

이 코드를 업로드한 아두이노 레오나르도 보드를 아래 홈페이지에서 바로 실행해볼 수 있습니다.

https://unjavascripter-web-serial-example.glitch.me/

 

Web Serial

Connect to serial port Get serial messages

unjavascripter-web-serial-example.glitch.me

감사합니다.

[끝].

728x90

댓글