webOS Engineering Blog

전체 시스템 소개 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를 활용한 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) 접속에 전이중 통신 채널을 제공하는 컴퓨터..

LS2 API 호출하기 1. Permission 추가하기 먼저 아래의 명령어를 입력해 target device의 shell에 접속합니다. > ares-shell -d Luna Service API를 사용하기 위해서는 \webos-meta\appinfo.json 파일에서 requiredPermissions를 추가해야 합니다. 각 API마다 추가할 내용이 달라지기 때문에 아래의 코드를 입력해 확인해 줍니다. > ls-moniter -i com.webos.notification 저희는 notification API의 createToast를 사용할 예정이기 때문에 위와 같은 코드를 추가해야합니다. { "id": "com.enact.lsapp", "version": "1.0.0", "vendor": "cosmos..

이 포스트는 webOS OSE 개발자 사이트: WebOSServiceBridge , webOS OSE 개발자 사이트: com.webos.notification을 참고하여 작성되었습니다. 전체 코드 미리보기 Luna Service API 호출하기 Luna Service API : toast 사용하기 (method) 전체 코드 미리보기 오늘 공부할 Luna Service API, 그 중에서도 toast 사용하기의 전체 코드입니다. Hello, Web Application!! create toast Luna Service API 호출하기 먼저 https://webos-supporters.tistory.com/19 페이지를 참고하여 appinfo.json 파일에서 Luna Service API를 호출할 준비를 ..

API Luna Service API Luna Service API 사용하기 API 1. API란? API란 Application Programing Interface의 약어로 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스 입니다. 예) USB가 꽂혔을 때 팝업 등이 미리 구현되어 있다. 저희는 그중에서 webOS OSE 플랫폼의 서비스들이 제공하는 API인 Luna Service API에 대해 알아보겠습니다. 2. API 예시 webOS TV API : https://webostv.developer.lge.com/api/webos-service-api/intro-lunaservice/ Luna Service API 1. Luna Service API란? webOS가 가지고..

개발환경 setting하기 어플리케이션 개발하기 개발환경 setting하기 1. Node.js 설치하기 React를 사용하기 위해서는 먼저 Node.js를 설치해야 합니다. https://nodejs.org/ 위 링크에서 각자의 운영체제에 맞추어 가장 최신 버전의 Node.js를 설치하시면 됩니다. 이 포스팅이 작성되는 현재 시점에는 16.4.2가 가장 최신 버전이므로 참고하시기 바랍니다. React를 사용하는데 Nodejs를 설치하는 것은 Create React App 라이브러리를 이용하기 위함입니다. 이어서 Create React App을 이용해 리액트 어플리케이션의 기본 틀을 만들고 확인하겠습니다. 2. Create React App으로 프로젝트 생성하기 먼저 어플리케이션을 코딩할 폴더를 만들고, ..

본격적인 Enact app 개발에 앞서 API library 소개 API library - sandstone library sandstone library의 component 구현해보기 (실습) *이 포스팅은 Enact 홈페이지를 참고하여 작성되었습니다. 본격적인 Enact app 개발에 앞서 지난 시간에는 Enact로 개발환경을 setting하고 app을 build한 뒤 직접 webOS에 설치하여 실행하는 것까지 실습해보았습니다. 이번 시간에는 Enact 앱 개발의 더 많은 부분을 다룹니다. 본격적인 Enact app 개발에 앞서, Enact가 무엇인지 제대로 이해하고 갈 필요가 있습니다. 1. What is Enact? Enact란, React를 기반으로 구축된 사용하기 쉽고 성능이 좋으며 사용자 정..

Enact 개발환경 세팅 Template 만들기 Enact만든 app을 webOS 어플리케이션으로 만들어서 설치하기 *이 포스팅은 Enact 홈페이지를 참고하여 작성되었습니다. Enact 개발환경 세팅하기 1. enact cli 설치하기 powershell에서 아래의 명령어로 enact cli를 설치합니다. npm install -g @enact/cli 2. webOS template 설치하기 아래의 명령어로 webOS template을 설치합니다. enact template install @enact/template-webostv Template 만들기 1. webostv 템플릿으로 enact 예제 app만들기 아래의 명령어로 webostv 템플릿을 이용하여 enact 예제 app을 만듭니다. enac..

저번 시간에서는 webOS 상에 web app을 직접 만들고 설치하는 것을 배웠습니다. 이번 포스팅에서는 메타파일에 대해 공부하고, 이 web app의 메타데이터를 변경하는 방법에 대해 배웁니다. webOS OSE 개발자 사이트 : Configuration Files 를 참고하여 작성하였습니다. 메타파일이란? webOS application의 메타파일 appinfo.json packageinfo.json services.json webOS application의 appinfo.json 메타데이터 변경하기 (실습) webOS 애플리케이션의 메타데이터 로컬라이징 메타파일이란? : 메타파일은 다른 파일에 대한 설명, 또는 다른 파일을 정의하는 정보를 담고 있는 파일입니다. 파일에 대한 설명 혹은 정의에 대한 ..

이번 포스팅에서는 webOS에서 동작하는 web application을 개발하는 과정에 대해 다뤄보겠습니다. webOS OSE 개발자 사이트 : Developing External Web Apps를 참고하여 작성하였습니다. Target Device 등록하기 web application 개발하기 web application 삭제하기 Target Device 등록하기 컴퓨터에서 웹앱을 만들고 Target Device에 웹앱을 설치하는 과정을 진행해볼 것 입니다. 라즈베리파이를 타겟디바이스로 등록한 후 웹앱을 설치할 수 있습니다. 저희는 Windows PowerShell을 사용하였습니다. ares-setup-device > ares-setup-device 위의 명령어를 사용하여 현재 등록된 디바이스를 확인할 ..