@things-scene/things-board-integration

데모 페이지 실행 방법

1. npm install 로 모듈 및 폰트 설치

$ npm install

2. npm run serve

npm run serve

3. 브라우저에서 서비스 포트에 연결해서 샘플 실행

http://localhost:8080/demo/board-hatiolab-com.html

만일 bower를 사용해야 한다면, (bower 보다는 npm 사용을 권장함)

1. bower로 모듈 및 폰트 설치

$ bower install

2. html 파일에서 node_modules를 => bower_components 로 수정

<script src="/node_modules/@things-scene/form/dist/things-scene-form.js"></script>
==>
<script src="/bower_components/things-scene-form/dist/things-scene-form.js"></script>

띵스보드 모듈 추가 설치가 필요하다면,

1. npm으로 추가 모듈 설치 (최신 things board 모듈 리스트)

$npm add @things-scene/forklift
$npm add @things-scene/person
$npm add @things-scene/gauge
$npm add @things-scene/progressbar
$npm add @things-scene/clock
$npm add @things-scene/indoor-map#^2.3.2
$npm add @things-scene/tab#^2.3.1
$npm add @things-scene/compass
$npm add @things-scene/half-roundrect
$npm add @things-scene/chartjs#^3.1.2
$npm add @things-scene/marker
$npm add @things-scene/table
$npm add @things-scene/wheel-sorter
$npm add @things-scene/clone
$npm add @things-scene/slam
$npm add @things-scene/firebase
$npm add @things-scene/stomp
$npm add @things-scene/mqtt
$npm add @things-scene/restful
$npm add @things-scene/random
$npm add @things-scene/form#^0.3.2
$npm add @things-scene/google-map
$npm add @things-scene/visualizer#^0.5.11
$npm add @things-scene/legend

2. html 파일에 사용하려는 module을 추가. (예시. random 모듈을 추가하는 경우)

<script src="/node_modules/@things-scene/random/dist/things-scene-random.js"></script>

things-board-integration의 수정 및 빌드가 필요하다면..

$ npm run build