webOS Article/4. webOS 활용하기 7

다른 어플 실행 중에 내가 만든 서비스로 모니터링하기

이 포스팅은 webOS OSE 개발자 사이트 : 를 참고하여 작성되었습니다. App 개발 Service 개발 실행 결과 WebOS에서 다른 어플리케이션을 실행 하는 도중(예: youtube 등) 백그라운드에서 버튼이 눌렸는지 주기적으로 모니터링하여 눌렸으면 toast를 띄우는 예제를 구성해 보았습니다. 백그라운드에서 원하는 기능이 동작하도록 웹 서비스로 개발을 진행하였으며, 스위치는 라즈베리파이 4 GPIO를 이용하여 연결해 주었습니다. webOS OSE에서는 서비스를 단독으로 만들어서 설치하는 것이 안되므로 web application과 함께 만들어 설치를 진행하였습니다. App 개발 1. json 코드 { "id": "com.cosmos.team4.app", "version": "1.0.0", "ve..

toggle 버튼과 루나 서비스 이용해서 led 켜기/끄기

enact 기본 템플릿으로 앱 만들기 toggle 버튼 넣기 toggle 버튼 눌렀을 때 -> gpio 제어하는 루나 서비스 이용해서 led 켜기/끄기 GPIO 제어하는 루나 서비스 이용해서 LED 켜기/끄기 이 포스팅에서는 GPIO를 제어하는 루나 서비스를 활용하여 LED 제어하는 실습을 해보겠습니다. 먼저, GPIO란 General-Purpose Input/Output의 약자로 입력이나 출력을 포함한 동작이 사용자에 의해 직접 제어될 수 있는 직접회로나 전기 회로 기판의 디지털 신호 핀을 말합니다. 이번 실습에서는 LED 제어를 위해 GPIO를 활용할 것입니다. 1. Enact 기본 앱 만들기 이전에 포스팅한 'webOS Enact 사용하기'를 활용하여 앱을 만들어주면 됩니다. https://webo..

webOS와 websocket을 이용하여 LED 제어하기 5 : 시스템 연동하기

Enact-app에서 toggle후 msgtype이 'command'로 server에 전달 Enact web-app에서 메세지를 받은 후 서버와 클라이언트의 통신 Enact-app에서 toast message가 띄워짐 시스템 연동 1. Enact-app에서 toggle 후 msgtype이 'command'로 server에 전달 toggleHandler 함수 코드(Enact webapplication) const toggleHandler = (e) => { console.log('Switch toggled ' + e.selected); var ledStatusText = 'Off'; if(e.selected) { ledStatusText = 'On'; } var command = { 'msgType' : ..

webOS와 websocket을 이용하여 LED 제어하기 4 : websocket server

WebSocket server 전체 시스템 소개 ESP+LED+websocket Enact webapplication websocket server 시스템 연동 1. 개요 코드를 보면, 크게 SimpleEcho와 SimpleIoT 로 나눌 수 있습니다. class SimpleEcho(WebSocket): SimpleEcho는 반사, 반환을 하는 것입니다. socket server와 ESP 간의 신호를 전송할 때, ESP에서 신호가 server로 간 뒤, 바로 ESP에 반사되어 전송되는 것입니다. class SimpleIoT(WebSocket): SimpleIoT는 socket server와 ESP, Enact-app간의 신호를 교환힙니다. 'msgType' : 'status' msgType이 'statu..

webOS와 websocket을 이용하여 LED 제어하기 3 : Enact Web Application

지난 시간에는 ESP와 LED, websocket을 연동하는 것까지 실습해보았습니다. 이번 시간에는 led-control과 관련하여 Enact webapplication 개발을 다룹니다. 전체 시스템 소개 ESP+LED+websocket Enact webapplication websocket server 시스템 연동 Enact webapplication 개발하기 1. Enact 기본 앱 만들기 Enact webapplication의 설치는 기존 게시글을 참고해주세요. Button, Switch 등 기능을 사용할 수 있도록 MainPanel.js에 아래의 코드를 추가합니다. import Button from '@enact/sandstone/Button'; import kind from '@enact/cor..

webOS와 websocket을 이용하여 LED 제어하기 2 : ESP와 LED ↔ server

전체 시스템 소개 ESP+LED+websocket Enact webapplication websocket server 시스템 연동 ESP와 LED, Websocket 연결하기 먼저, Enact web application을 제외한 ESP보드 및 LED (websocket 클라이언트)와 서버의 통신에 대해 알아보겠습니다. 1. websocket server 만들기 from simple_websocket_server import WebSocketServer, WebSocket import json class SimpleEcho(WebSocket): def connected(self): print(self.address, 'connected') self.send_message('Hi') def handle(s..

webOS와 websocket을 이용하여 LED 제어하기 1 : 전체시스템 소개

이번 포스팅에서는 webOS를 활용한 LED 제어하는 과정에 대해 다뤄보겠습니다. webOS Open Source Edition : WebSocket Communication on webOS 를 참고하여 작성하였습니다. 전체 시스템 소개 ESP+LED+websocket Enact webapplication websocket server 시스템 연동 Introduction 1. Interaction Objects Client (ESP8266, LED, WebSocket) Enact WebApplication (webOS 기반) WebSocket Server 2. WebSocket WebSocket 이란? ▶ WebSocket 은 하나의 전송 제어 프로토콜(TCP) 접속에 전이중 통신 채널을 제공하는 컴퓨터..