직렬 통신을 통해 컴퓨터와 마이크로컴퓨터를 연결하다
입문
안녕하세요.저는 바칸 주식회사에서 하드웨어 엔지니어를 맡고 있는 히로토입니다.
이 게시물은 Vacan Advent Calendar2019 16일째 (12/16) 게시물입니다.
최근에는 데스크톱 응용 프로그램을 사용하여 마이크로컴퓨터와 PC가 직렬 통신을 통해 교환되고 흡수된 데이터를 PC 측에 저장할 필요가 있다.
PC에서 마이크로컴퓨터의 부분을 보다 직관적으로 처리할 수 있다면 그 폭은 더욱 흥미롭습니까?그래서 이번에는 노드야.나는 js와 electron을 사용하여 "PC 응용 프로그램에서 단추를 눌러서 마이크로컴퓨터에 연결된 LED를 깜박이게 하려고 합니다."
프로비저닝
electron은 웹 기술로 만든 것을 데스크톱 응용 프로그램으로 처리할 수 있는 프레임워크입니다.따라서 UI는 HTML 및 CSS를 사용하여 작성됩니다.이번에는 LED를 켜는 ON 버튼과 OFF 버튼만 구성하면 됩니다.
HTML에서 rendrer.js라는 스크립트를 호출합니다.
rendrer.js는 HTML 내의 요소를 참조하여 버튼을 눌렀을 때 "LED를 ON으로 설정합니다!"또는 "LED를 OFF로 설정!"에 대한 정보입니다.PC에서 이 정보를 수신한 마이크로컴퓨터는 LED를 켜고 끄지만, PC와 마이크로컴퓨터가 대화하는 직렬 통신을 하기 위해 Node.js의 serialport 패키지를 사용합니다.
구체적으로 말하면 마이크로컴퓨터와 직렬 통신 처리를 하는 것은 serial-communication이다.js에 설정하고 버튼을 받아서 정보rendrer를 누르십시오.js에서 serial-communication까지.IPC 통신을 통해 js에 명령을 던집니다.
전체 구조는 다음과 같다.
해보다
electron의 사용 방법 등에 대해 상세하게 설명하는 기사가 많기 때문에 코드 등도 참고해 주십시오. 이번에 시도한 결과를 공유하고 싶습니다.
먼저 UI는 다음과 같은 내용을 준비했습니다.HTML 설정 단추로 색깔의 아주 간단한 것만 살짝 만들었어요.
위의 ON 버튼을 누르면 serial-communication이 표시됩니다.js에서 쓴 처리는 "a"글자를 직렬로 출력합니다.반대로 OFF 버튼을 누르면 "b"라는 글자가 출력됩니다.
마이크로컴퓨터에서는 "a"를 받은 후 GPIO 값을 Hi로 설정하고, "b"를 받은 후 GPIO 값을 Low로 설정하는 프로그램이 적혀 있기 때문에 LED가 켜지고 꺼진다.
다음은 마이크로컴퓨터의 배선이다.USB 케이블로 PC에 연결하여 전원 공급 및 직렬 통신을 수행합니다.
LED 사이에 저항이 끼어 있어 GPIO와 땅에 연결됩니다.
다음은 ON을 눌렀을 때의 모습이다.표시등이 켜지다.
다시 보면 소박하고 "그래!"이런 느낌도 있지만 처음 움직일 때는 감동적이에요(웃음)
지금은 더 이상 싣지 않아도 될 것 같아서 끄면 불이 꺼진다.
끝날 때
이번에는 electron, Node입니다.js, Arduino를 사용하여 PC에서 LED를 켜거나 끄십시오.
외관상 소박한 내용이지만 LED에서 조작된 부분을 바꾸어 보면 더 예쁜 것을 만들 수 있을까.
예를 들어 LED 대신 자동차를 조작해 보는 것은 어떻습니까?
응용 프로그램에서 직진, 오른쪽, 왼쪽의 단추를 설정하고 LED에서 모터로 조작 대상을 바꾸면 유선 무선 제어를 조작할 수 있다.이런 상황의 하드웨어와 마이크로컴퓨터 측의 프로그램은 자제선 추적기 여러분이 보도를 충실하게 했기 때문에 그것을 참고하면 바로 완성할 수 있습니다.
(말하자면 요즘은 와이파이를 탑재한 마이크로컴퓨터도 많기 때문에 직렬 통신이 아닌 HTTP로 바꾸면 무선의 무선 제어도 만들 수 있다!)
달력 담당일 전에는 무선 리모컨을 만들지 못했지만 연말, 연초 휴가에 도전하고 싶어요.(바로 잊어버린 녀석)
이번에는 매우 느슨한 보도로 본사의 광고 달력지루한 Git 강좌, 하드웨어 품질 설명 (Qiita에서 보기 드문 것 같습니다!)비롯한 기술 정보실습생의 분투 일기 등 광범위하게 흥미로운 정보는 눈으로 미루고 어쨌든 그쪽에서도 기뻐할 수 있다.
또한 회사에 관심이 있는 사람은 아래의 각종 링크를 참조하십시오.
그럼!
참조 링크
electron은 웹 기술로 만든 것을 데스크톱 응용 프로그램으로 처리할 수 있는 프레임워크입니다.따라서 UI는 HTML 및 CSS를 사용하여 작성됩니다.이번에는 LED를 켜는 ON 버튼과 OFF 버튼만 구성하면 됩니다.
HTML에서 rendrer.js라는 스크립트를 호출합니다.
rendrer.js는 HTML 내의 요소를 참조하여 버튼을 눌렀을 때 "LED를 ON으로 설정합니다!"또는 "LED를 OFF로 설정!"에 대한 정보입니다.PC에서 이 정보를 수신한 마이크로컴퓨터는 LED를 켜고 끄지만, PC와 마이크로컴퓨터가 대화하는 직렬 통신을 하기 위해 Node.js의 serialport 패키지를 사용합니다.
구체적으로 말하면 마이크로컴퓨터와 직렬 통신 처리를 하는 것은 serial-communication이다.js에 설정하고 버튼을 받아서 정보rendrer를 누르십시오.js에서 serial-communication까지.IPC 통신을 통해 js에 명령을 던집니다.
전체 구조는 다음과 같다.
해보다
electron의 사용 방법 등에 대해 상세하게 설명하는 기사가 많기 때문에 코드 등도 참고해 주십시오. 이번에 시도한 결과를 공유하고 싶습니다.
먼저 UI는 다음과 같은 내용을 준비했습니다.HTML 설정 단추로 색깔의 아주 간단한 것만 살짝 만들었어요.
위의 ON 버튼을 누르면 serial-communication이 표시됩니다.js에서 쓴 처리는 "a"글자를 직렬로 출력합니다.반대로 OFF 버튼을 누르면 "b"라는 글자가 출력됩니다.
마이크로컴퓨터에서는 "a"를 받은 후 GPIO 값을 Hi로 설정하고, "b"를 받은 후 GPIO 값을 Low로 설정하는 프로그램이 적혀 있기 때문에 LED가 켜지고 꺼진다.
다음은 마이크로컴퓨터의 배선이다.USB 케이블로 PC에 연결하여 전원 공급 및 직렬 통신을 수행합니다.
LED 사이에 저항이 끼어 있어 GPIO와 땅에 연결됩니다.
다음은 ON을 눌렀을 때의 모습이다.표시등이 켜지다.
다시 보면 소박하고 "그래!"이런 느낌도 있지만 처음 움직일 때는 감동적이에요(웃음)
지금은 더 이상 싣지 않아도 될 것 같아서 끄면 불이 꺼진다.
끝날 때
이번에는 electron, Node입니다.js, Arduino를 사용하여 PC에서 LED를 켜거나 끄십시오.
외관상 소박한 내용이지만 LED에서 조작된 부분을 바꾸어 보면 더 예쁜 것을 만들 수 있을까.
예를 들어 LED 대신 자동차를 조작해 보는 것은 어떻습니까?
응용 프로그램에서 직진, 오른쪽, 왼쪽의 단추를 설정하고 LED에서 모터로 조작 대상을 바꾸면 유선 무선 제어를 조작할 수 있다.이런 상황의 하드웨어와 마이크로컴퓨터 측의 프로그램은 자제선 추적기 여러분이 보도를 충실하게 했기 때문에 그것을 참고하면 바로 완성할 수 있습니다.
(말하자면 요즘은 와이파이를 탑재한 마이크로컴퓨터도 많기 때문에 직렬 통신이 아닌 HTTP로 바꾸면 무선의 무선 제어도 만들 수 있다!)
달력 담당일 전에는 무선 리모컨을 만들지 못했지만 연말, 연초 휴가에 도전하고 싶어요.(바로 잊어버린 녀석)
이번에는 매우 느슨한 보도로 본사의 광고 달력지루한 Git 강좌, 하드웨어 품질 설명 (Qiita에서 보기 드문 것 같습니다!)비롯한 기술 정보실습생의 분투 일기 등 광범위하게 흥미로운 정보는 눈으로 미루고 어쨌든 그쪽에서도 기뻐할 수 있다.
또한 회사에 관심이 있는 사람은 아래의 각종 링크를 참조하십시오.
그럼!
참조 링크
이번에는 electron, Node입니다.js, Arduino를 사용하여 PC에서 LED를 켜거나 끄십시오.
외관상 소박한 내용이지만 LED에서 조작된 부분을 바꾸어 보면 더 예쁜 것을 만들 수 있을까.
예를 들어 LED 대신 자동차를 조작해 보는 것은 어떻습니까?
응용 프로그램에서 직진, 오른쪽, 왼쪽의 단추를 설정하고 LED에서 모터로 조작 대상을 바꾸면 유선 무선 제어를 조작할 수 있다.이런 상황의 하드웨어와 마이크로컴퓨터 측의 프로그램은 자제선 추적기 여러분이 보도를 충실하게 했기 때문에 그것을 참고하면 바로 완성할 수 있습니다.
(말하자면 요즘은 와이파이를 탑재한 마이크로컴퓨터도 많기 때문에 직렬 통신이 아닌 HTTP로 바꾸면 무선의 무선 제어도 만들 수 있다!)
달력 담당일 전에는 무선 리모컨을 만들지 못했지만 연말, 연초 휴가에 도전하고 싶어요.(바로 잊어버린 녀석)
이번에는 매우 느슨한 보도로 본사의 광고 달력지루한 Git 강좌, 하드웨어 품질 설명 (Qiita에서 보기 드문 것 같습니다!)비롯한 기술 정보실습생의 분투 일기 등 광범위하게 흥미로운 정보는 눈으로 미루고 어쨌든 그쪽에서도 기뻐할 수 있다.
또한 회사에 관심이 있는 사람은 아래의 각종 링크를 참조하십시오.
그럼!
참조 링크
Reference
이 문제에 관하여(직렬 통신을 통해 컴퓨터와 마이크로컴퓨터를 연결하다), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/hirotosaito/items/65bde861e215578847c6텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
