Trådfri App

Web app to manage and control IKEA Trådfri lights using your browser or smartphone.

The IKEA app that you can download from the App/Play store has some basic functionality. I want to do custom fancy stuff, so I decided to create a web app to do some experimentation.

Based on the node-tradfri-client from AlCalzone.

Screenshot

Build Setup

Server

Rename default.config.json to config.json and fill in your connection details.

When everything is set up, run a server that connects with your gateway:

npm run server

The server has some REST endpoints:

• GET /tradfri/device Get all devices

• GET /tradfri/device/1 Get device with id 1

• PUT /tradfri/device/1 Update device with id 1

• PUT /tradfri/device/control/1 Control device with id 1

• GET /tradfri/group Get all groups

• GET /tradfri/group/1 Get group with id 1

• PUT /tradfri/group/1 Update group with id 1

• PUT /tradfri/group/control/1 Update group with id 1

• GET /tradfri/mood Get all moods (scenes)

The WebSocket channel is on /updates.

Front-end

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.