Code Monkey home page Code Monkey logo

tp-link-smart-switch-web-client-'s Introduction

TP-Link HS100 Web Client

Why?

TP-Link give you access to your HS-100 range devices through the KASA app on IOS / Android. That's fine, but what if you're in front of your desktop / tablet / etc, and don't have your phone to hand? How annoying to have to fish it out of your pocket just to flick a switch.

This angular material web-page provides the service TP-Link omitted. You can log into the TP-Link API to generate a service token, have it look up the devices stored against your account, monitor and set their power state.

If you've just added TP-Link devices to a smart home network and want to be able to control them all from one place, you can examine the source of this project and utilise the calls within your own pages. Or just use this one :)

Features:

  • generates a UUID
  • capture credentials.
  • authenticates against the tp-link api service to get a secure authentication token
  • uses that token to:
  • list the devices stored against your account
  • send on/off commands to them.
  • reflect whether the devices are currently on or not.
  • optionally stores the token (and/or credentials) so that you can jump straight to it next time.

Notes:

If you opt to store your token or credentials, these are held in a browser cookie on your machine. In use, they are sent directly from your browser to the TP-Link API endpoint via https, and are not sent to any other web host.

To do:

Look for further features.

Implementation:

See codepen at: https://codepen.io/arallsopp/pen/pdZQWG

tp-link-smart-switch-web-client-'s People

Contributors

arallsopp avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.