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
  • 0. What you can get here
  • 1. "Hello DAMDA" 작성하기
  • 2. zip파일로 압축하기
  • 3. 컴포넌트 등록하기
  • 4. DAMDA콘솔에서 배포
  • 5. 배포된 컴포넌트 확인
  • DAMDA Console에서 확인하기
  • DAMDA 기기 (DAMDA Home)에서 확인하기
  • 개발 PC에서 확인하기
  • 요약
  1. Quick Start

Hello DAMDA 따라하기

DAMDA기기에 첫 어플리케이션 코드 배포합니다.

0. What you can get here

내가 원하는 앱을 만들고, 그 앱을 컴포넌트화 하여 배포하는 기적인 방법을 확인할 수 있습니다. damda console을 통해 배포하면, damda가 설치된 기기에 내 앱이 설치된 것을 확인할 수 있습니다.

1. "Hello DAMDA" 작성하기

index.html 파일명으로 아래 코드를 작성해주세요.

<!-- index.html (Hello, Damda) Sample Code -->
<html>
    <body>
        Hello! Damda!!
    </body>
</html>

2. zip파일로 압축하기

생성된 index.html 파일을 zip 형태로 압축을 합니다. (파일명 상관없음)

$ ls
index.html
$ zip -r hellodamda.zip index.html
$ ls
hellodamda.zip  index.html 

hellodamda.zip의 구조는 다음과 같습니다.

hellodamda.zip ㄴ index.html

위 과정이 적용된 예제 파일은 Hello DAMDA에서 다운로드 가능합니다.

3. 컴포넌트 등록하기

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

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

4. 컴포넌트명과 설명을 입력하고 태그에는 Key "AppName", Value "Hello DAMDA" 를 입력해줍니다. 각 항목을 입력한 후 + 버튼을 눌러주면 태그값이 추가됩니다. '다음' 버튼을 클릭하여 컴포넌트 추가 설정 화면으로 이동합니다.

컴포넌트명을 입력할 때는 com.<본인계정명>.sample.hellodamda 로 작성해야 컴포넌트명의 충돌이 일어나지 않습니다.

5. '코드' 항목의 '추가' 버튼을 이용하여 2단계에서 생성된 zip 파일을 추가한 뒤 '저장' 버튼을 통해 컴포넌트를 저장합니다.

6. 저장이 완료되면 '내 컴포넌트'에 새로운 컴포넌트가 추가된 것을 확인할 수 있습니다.

상세한 컴포넌트 생성 가이드는 컴포넌트 생성하기 참고하세요

4. DAMDA콘솔에서 배포

배포할 컴포넌트 선택

업로드 된 컴포넌트의 좌측에 표시되는 선택 박스를 선택한 뒤 오른쪽 하단의 '배포하기' 버튼을 클릭합니다.

배포 목록 확인

내가 선택한 컴포넌트와 퍼블릭 컴포넌트들이 포함되어 배포 리스트가 만들어집니다. 추가하고 싶은 퍼블릭 컴포넌트는 "추가"버튼을 눌러, 배포에 포함시켜줍니다. 제외 버튼을 통해 사용하지 않을 컴포넌트는 삭제할 수 있습니다. 배포 목에서 제외된 컴포넌트는 DAMDA 기기에서 제거되니 주의 바랍니다. 이 예제를 정상적으로 실행하기 위해서 내 컴포넌트(com.<본인계정명>.sample.hellodamda) 포함되어야합니다.

제공되는 퍼블릭 컴포넌트들에 대한 설명은 DAMDA Components를 참고하세요

배포 대상 선택

화면 하단 배포 대상에 배포할 대상 DAMDA 기기를 선택합니다. (※ DAMDA 기기의 정보는 '디바이스' 탭을 통해 확인 가능합니다)

배포 실행

배포 요청' 버튼을 클릭하면 배포가 시작되고 배포 과정이 화면 하단에 표시됩니다.

'배포 완료' 표시를 통해 컴포넌트의 배포가 완료된 것을 확인할 수 있습니다.

5. 배포된 컴포넌트 확인

DAMDA Console에서 확인하기

DAMDA Console '디바이스' 화면에서 배포된 기기를 선택('Details' 누름)하면 오른쪽 하단에 컴포넌트 상태를 확인할 수 있습니다. 내 컴포넌트(com.<본인계졍명>.sample.hellodamda)의 상태가 "FINISHED" 이고, 웹 서버 컴포넌트 (com.damda.necessary.WebServer) 상태가 "RUNNING" 이면 정상적으로 배포된 상태입니다.

DAMDA 기기 (DAMDA Home)에서 확인하기

개발 PC에서 확인하기

개발 PC의 브라우저를 통해 샘플 컴포넌트의 화면을 확인할 수 있습니다. 브라우저의 주소창에 http://<damda device ip>:30001/<component_id>/<component version>/<압축파일명>/index.html 을 입력하면 해당 앱포넌트 화면을 확인할 수 있습니다.

ex) http://192.168.50.25:30001/com.damda.sample.hellodamda/1.0.0/hellodamda/index.html
  • 컴포넌트 코드 준비하기: 파일 구조 및 zip파일 압축

  • 컴포넌트 등록(생성) 하기

  • 컴포넌트 배포하고 확인하기

Previous개발환경 구성하기NextThinQ 연결하기

Last updated 2 years ago

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

DAMDA 기기에서 을 실행하면 내가 새로 설치한 컴포넌트가 화면에 나타나는 것을 확인할 수 있습니다. 내가 설치한 컴포넌트의 icon을 선택(클릭)하면 브라우져를 통하여 해당 컴포넌트의 화면(index.html)의 화면을 확인할 수 있습니다.

요약

📝
http://damda.lge.com
DAMDA Home
[DAMDA Console] Login 화면
[DAMDA Console] 컴포넌트
[DAMDA Console] 컴포넌트 생성
[DAMDA Console] 컴포넌트 생성 - 추가설
[DAMDA Console] 컴포넌트 화면 - 컴포넌트 추가시
DAMDA Console 배포할 컴포넌트 선택
DAMDA Console 배포 작업 생성
DAMDA Console 배포 진행 중
DAMDA Console > 디바이스 탭 > Details (기기 상세 정보)
DAMDA Home 화면
개발 PC 브라우저로 접속