Obsah:

Webová aplikace SmartMirror využívající sériovou komunikaci: 6 kroků
Webová aplikace SmartMirror využívající sériovou komunikaci: 6 kroků

Video: Webová aplikace SmartMirror využívající sériovou komunikaci: 6 kroků

Video: Webová aplikace SmartMirror využívající sériovou komunikaci: 6 kroků
Video: Future by Design (2006) Official Full Movie 2024, Červenec
Anonim
Webová SmartMirror využívající sériovou komunikaci
Webová SmartMirror využívající sériovou komunikaci

Tento návod je dodáván se všemi kódy připravenými k použití. Vývoj byl velmi komplikovaný, ale jakmile je nastaven, je opravdu snadné jej přizpůsobit.

Podívejte se a užívejte si;)

Krok 1: Konfigurace Arduina

Konfigurace vašeho Arduina
Konfigurace vašeho Arduina
Konfigurace vašeho Arduina
Konfigurace vašeho Arduina

Nejprve musíte nakonfigurovat arduino.

Začněme připojením senzoru SRF k vašemu arduinu. Na výše uvedené fotografii můžete vidět, jak jsem připojil SRF ke svému arduinu.

V zipsouboru najdete kód Arduino, který můžete nahrát do svého Arduina. Když spustíte tento kód a otevřete sériový monitor v Arduino IDE, měli byste vidět „0“, pokud jste dále než 1 metr, a „1“, pokud jste do jednoho metru od snímače.

Tato čísla můžete nahradit, ale je snazší je přečíst později.

Krok 2: Instalace Node.js a spuštění Websocket

Instalace Node.js a spuštění Websocket
Instalace Node.js a spuštění Websocket
Instalace Node.js a spuštění Websocket
Instalace Node.js a spuštění Websocket

Než budeme moci odeslat data do našeho prostředí prohlížeče, budeme muset nainstalovat Node. JS.

Pokud je nainstalován, otevřete příkazový řádek a přejděte do složky Smartmirror

$ cd Desktop/SmartMirror

Nyní jste ve složce, ve které spustíte soubor index.js, který je součástí ZIP.

$ node index.js

Normálně byste nyní měli na svém senzoru vidět „0“a „1“.

POZNÁMKA:

uvnitř index.js budete pravděpodobně muset změnit svůj port. Můj byl zřízen v COM6. Zkontrolujte ve svém arduino IDE, ke kterému je vaše arduino připojeno.

var myPort = new SerialPort ('COM6', {baudRate: 9600});

Krok 3: Otevřete webovou stránku

Otevřete webovou stránku
Otevřete webovou stránku

Na webové stránce jsem nastavil několik API jako hodiny, počasí atd.

Otevřete soubor index.html uvnitř veřejné mapy a uvnitř příkazového řádku uvidíte „nové připojení“.

Pokud vše funguje, jak má, měl by se text začít (ne) zobrazovat, pokud jste do jednoho metru nebo ne.

Krok 4: Laserové řezání pouzdra

Laserové řezání pouzdra
Laserové řezání pouzdra
Laserové řezání pouzdra
Laserové řezání pouzdra

Také jsem poskytl svou vlastní šablonu pro pouzdro, ale můžete si vytvořit vlastní, protože pravděpodobně budete mít jiný monitor než já.

Jakmile ho vystřihnete, smontujete a schováte všechny kabely.

Krok 5: HOTOVO

Pokud vše proběhlo podle plánu, měli byste nyní mít svůj smartmirror!

Krok 6: Tipy

Pokud používáte Raspberry Pi, můžete být kompaktnější a bezdrátovější. To bude méně kabelů a bude pohyblivější.

Doporučuje: