DAMDA Docs
  • DAMDA Overview
  • Quick Start
    • 개발환경 구성하기
    • Hello DAMDA 따라하기
    • ThinQ 연결하기
    • 내 컴포넌트 로그 확인하기
    • 내 컴포넌트 원격 제어하기
  • FUNDAMENTALS
    • DAMDA 기기
      • DAMDA Installer
        • DAMDA Installer 설치하기
        • DAMDA 설치하기
        • DAMDA 삭제하기
        • DAMDA Installer 삭제하기
      • DAMDA Debugging Console
      • DAMDA Home
        • 기기 등록 하기
        • 기기 등록 해제하기
      • Custom Sub Device
        • Capability
        • Profile
        • Functions
    • DAMDA Cloud
      • 계정 관리
        • 계정 생성하기
        • 기타
      • 컴포넌트 관리
        • DAMDA Components
        • 컴포넌트 초기화하기
        • 컴포넌트 개발하기
        • 컴포넌트 생성하기
        • 컴포넌트 배포하기
    • DAMDA Tools
      • DAMDA CLI
        • Configuration
        • Component
        • Device
        • Deployment
      • DAMDA Simulator
  • REFERENCE
    • API Reference
      • ThinQ API
        • APIs
          • ThinQ 계정 등록
          • 사용자 홈 목록 가져오기
          • 사용자 기기 목록 가져오기
          • 기기 등록하기
          • 기기 정보 가져오기
          • 기기 제어하기
          • 기기 삭제하기
          • 기기 정보 전달하기
        • Error / Exceptions
      • Hub API
        • APIs
          • 지원 기기타입 가져오기
          • 기기 profile 가져오기
          • Capability 가져오기
          • 서브 디바이스 등록하기
          • 서브 디바이스 삭제하기
          • 등록 / 삭제 결과 확인하기
          • 서브 디바이스 리스트 조회
          • 서브 디바이스 정보 조회
          • 서브 디바이스 상태 조회
          • 서브 디바이스 제어
          • 제어 결과 확인
          • 서브 디바이스 상태 모니터링
          • 전체 서브 디바이스 상태 모니터링
        • Types
          • Device
          • DeviceState
      • 가전 API
        • 가전 상태 조회
        • 가전 제어
        • APIs
          • 공통 | Headers
          • 공통 | Response
          • 공통 | Error
          • 가전 목록 조회
          • 가전 상태 조회
          • 가전 Profile 조회
          • 가전 제어
          • EMP Access Token 발급
          • Event/Push Callback (Websocket)
        • Types
          • Device Type
          • Device Profile
      • webOS TV API
        • TV 리스트 조회
        • TV 등록
        • Custom SSAP Command
        • Control
          • ON/OFF
          • Channel
          • Audio
          • App
          • UI 및 기타
        • Remote
        • Subscribe
    • Samples
      • Hello DAMDA
      • ThinQ 연결하기
      • Debugging App
      • 가전 App
      • Proto Sub Device
      • TV화면 캡쳐 + AWS Rekognition
      • DAMDA Hub
Powered by GitBook
On this page
  • Prerequisites
  • Dependency
  • 웹 애플리케이션 Damda 컴포넌트로 실행
  • 실행예제
  1. REFERENCE
  2. Samples

가전 App

가전 API를 활용한 샘플코드 입니다.

PreviousDebugging AppNextProto Sub Device

Last updated 2 years ago

Prerequisites

  • npm : node 설치시 자동으로 설치됨

  • ThinQ 에서 실기기 등록 or ThinQ Simulator() 가상기기 등록 (LG Account, KR)

Dependency

아래 public component를 사용하는 컴포넌트 입니다.

웹 애플리케이션 Damda 컴포넌트로 실행

컴포넌트 생성

  1. 상단의 샘플 코드 다운로드

  2. /src/views 폴더 내 Device.vue, Login.vue의 코드 수정

    ...
    </template>
    
    <script>
    ...
    const clientId = 발급 받은 client_id 입력
    const clientSecret = 발급 client_secret 입
  3. 압축 해제 후 터미널에서 다음 명령 실행

    npm install
    npm run buil
    npm run serve
  4. 로 접속하여 로그인 페이지 확인

  5. 빌드된 웹 어플리케이션 파일 압축하기 (thinqweb.zip)

    빌드된 dist 폴더의 모든 파일을 압축합니다

    • dist/*

  6. DAMDA Console()에 접속하고 본인의 계정을 이용하여 로그인을 합니다.

  7. 좌측 메뉴의 '컴포넌트'를 선택하여 컴포넌트 화면으로 진입합니다.

  8. '컴포넌트 생성' 버튼을 클릭하면 컴포넌트 생성 팝업이 나타납니다.

  9. 컴포넌트명과 설명을 입하고 '다음' 버튼을 클릭하여 컴포넌트 추가 설정 화면으로 이동합니다.

    • 컴포넌트명 : "com.damda.sample.thinqweb-example" 입력 - Unique한 이름을 지정해야 함. damda 플랫폼 내 중복되는 이름의 컴포넌트가 존재하는 경우 컴포넌트 생성 불가 - 컴포넌트명 추천 형식 : com.<개인 식별 키워드>.sample.thinqweb-example

    • 설명 : ‘Thinq web front 예제’ 입력

  10. '코드' 항목의 '추가' 버튼을 이용하여 4단계에서 압축해둔 파일을 업로드합니다.

  11. '실행 스크립트' 항목의 '작성' 버튼을 이용하여 실행 단계에서 사용할 실행 스크립트를 작성합니다.

    • Script : 코드가 디바이스에 설치 후 '실행' 단계에서 실행될 스크립트

    • npx http-server {root}/thinqweb -p 9019
  12. 컴포넌트 생성 완료

컴포넌트 배포

  1. 배포할 컴포넌트를 모두 선택 > 배포하기 (public 컴포넌트는 기본적으로 모두 배포 리스트에 추가됨)

  2. 배포할 컴포넌트 리스트를 확인 > 배포할 "코어 디바이스 선택" > 배포요청

컴포넌트 실행 확인

  1. 다음과 같이 웹 페이지에 연결되면 lg account 로그인 후 가전 상태조회 및 컨트롤을 테스트 할 수 있습니다. ※ 기기 상태(Event) 및 PUSH를 확인하기 위해서는 Subscribe Event/Push 버튼을 클릭하여야 합니다.

실행예제

배포 완료 후 라즈베리파이에서 "" 접속

http://localhost:9019
node
vue-cil
https://simulator.lgthinq.com/
com.damda.thinq-backend-api
http://localhost:9001
http://damda.lge.com
500KB
thinq-web-front-example.zip
archive