Själva eluttag (6 / 7 steg)

Steg 6: iPhone HTML/Javascript-kod



Klient app är en nakna ben HTML/Javascript app. En enkel bild används som en knapp. När bilden trycks, animerar på knappen för att Visa WiFi paket som kommer från enheten.

Kommunicera med den elektriska Imp görs genom att skicka ett meddelande till URL-adressen till den Agent som är specifik för din särskilda Imp. I HTML-App, vi skapar ett XMLHttpRequest objekt och sedan bokföra knapp tryck på händelsen i en formaterad JSON paket till URL som agent.

XMLHTTP.Open ("POST", "https://agent.electricimp.com/YourURL?timestamp=" + nya Date().getTime(), true);
xmlhttp.setRequestHeader ("Content-type", "application/x-www-formuläret-urlencoded");
xmlhttp.setRequestHeader ("x-apikey", "Din API-nyckel");
var impRequest = {"begäran": "buttonPressed", "knappen": button.id},
XMLHTTP.send(JSON.stringify(impRequest));

För att få status för eluttag, undersöks agenten

XMLHTTP.Open ("POST", "https://agent.electricimp.com/YourURL?timestamp=" + nya Date().getTime(), true);
xmlhttp.setRequestHeader ("x-apikey", "Din API-nyckel");
xmlhttp.setRequestHeader ("Content-type", "application/x-www-formuläret-urlencoded");

var impRequest = {"begäran": "GetStatus"};
XMLHTTP.send (JSON.stringify (impRequest));

För att göra HTML-sidan visas som en inföding App på din iPhone, måste du ladda den från en webbplats, och sedan lägga till ditt hem avskärmer. Processen beskrivs i min tidigare instructable här:

IPhone-filer är kopplade till det här steget

Se Steg
Relaterade Ämnen

World Wide WiDo Web eluttag! Den ultimata Arduino IoT DIY

WWWWiDo är ett eluttag tillgängligt från alla enheter med en webbläsare som kan fjärrstyra en ansluten enhet, och är uppgraderingsbar till kontroll och automatisering med sensorer och ställdon. Detta system är ett alternativ till de gemensamma tjänst...

Stationär PC med eluttag

Stationär pc med eluttagStationär pc med eluttagDetta skrivbord var gjord av barrskog, det är lätt att göra hemma, monteras med lim och trä skruvar. Detta skrivbord har tre dubbla bilder på 2 x 4 ", hål för dragning av ledningar, eller stöd för spänn...

Installera ett Switched 12v eluttag på din motorcykel - Intro

Motorcyklar vanligtvis kommer inte standard med en 12v uttag, så laddar din telefon eller GPS kan vara en smärta - låt oss fixa det ska vi!Denna guide är att använda en 2011 Suzuki GS500F som ett exempel cykel men denna guide kan anpassas till andra...

Styra tre eluttag från en dator trådlöst

hittade jag en billig trådlös fjärrkontroll som styr tre oberoende eluttag.Med sändaren kretskortet och ansluta den till en LaunchPad utveckling styrelse kunde jag fjärrstyra tre 110V uttag med hjälp av en PC. Systemet kan fungera på fyra kanaler så...

DIY Smart eluttag

Varför bör du göra din egen smart uttag?Eftersom det är roligt och du får lära dig något nytt.Eftersom du kommer att kunna Automatisera ditt hem och göra massor av coola saker med den.Eftersom det är billigare än kommersiella alternativ, särskilt om...

Dag och natt grenuttag!: A ljus känsliga eluttag

The dag och natt grenuttag är ett eluttag kan byta sin produktion beroende på ljuset det mottar på dess yta. Dess sensorer är LDRs som är i princip variabla motstånd som ändras beroende på intensiteten hos ljuset får, ju mer intensiv ljuset, lägst mo...

Justerbar eluttag

Det finns en hel del elektriska apparater som endast har två inställningar: ON och OFF. För många av dessa, skulle det vara bra om du kunde ändra utdata med en yttre krets.Så i detta projekt ska jag visa dig hur man gör en justerbar eluttag. Denna kr...

Billigt och enkelt desktop eluttag

Jag använder en gammal hörnet enheten dator skrivbord som en arbetsbänk för datorer och annat som folk gör mig fixa. Jag tröttnade på klättring under skrivbordet att ansluta och koppla bort verktyg och annat som jag arbetade på. Jag är också en snygg...

Zelda stil älva i en flaska

Behöver en snabb hämta mig? Låg på hjärtan? Eller kanske du bara vill ta på en Stalfos men är rädd för att ta konsekvenserna. Väl inte längre, eftersom jag kommer att visa dig hur man gör din egna livsviktiga älva i en flaska. (Irriterande ljudeffekt...

Washi tejp eluttag

söta washi tape eluttag behöver bara washi tejpSteg 1: Välj ditt band Du kan använda alla band du gillar. Jag beslutade att använda en ojämn band jag fick från staples för jag tror att 50pSteg 2: mäta bandet jag mätt mitt eluttag och sedan mätt bande...

Älva i en flaska

min dotter ville att jag skulle göra henne några nya smycken idag och jag bestämde mig att behandla mig själv med en fem dollar helande älva från Legend of Zelda. Det tog mindre än en halvtimme, och jag är nöjd med den lilla konversation bit.(De smyc...

Brist på IKEA bord i brist på flytande själva!

Detta är en guide för hur man gör två IKEA brist på flytande själva från en IKEA brist på tabell.Som kan ses på ikeahackers.netDu behöver en tabell från IKEA, kontrollera om du kan hitta en super deal för halva priset i "som är avsnittet".Behöve...

Montera en extra eluttag i en bil

Med alla elektroniska apparater som vi använder i dag, verkar det aldrig vara tillräckligt eluttag i ett fordon, särskilt om bilen är några år gammal. Om någon Rider i baksätet, är de vanligtvis på en förlust för någon makt. Du kan köpa eftermarknade...

Installera en standard eluttag

Följande anvisningar kommer att guida dig genom en standard inomhus eluttag installation. Ibland kommer det finnas ett behov av att installera ett nytt eluttag där det för närvarande inte finns. Detta behov kan härröra från inredde ett rum för att in...

Hemliga fack eluttag

vad du behöver:EluttagSkruvmejselObjekt som kommer att passa i uttagElectric Outlet coverVarning - inte infoga något metall i uttagetSteg 1: Leta upp ett eluttagSteg 2: Skruva utloppSteg 3: Du kommer att se ett tomt utrymmeSteg 4: Hitta alla objekt d...

Desktop eluttag

en av de stora olägenheter av liv med elektronik är att många av dem behöver tas ut. I en framtida värld kanske har vi ett system för induktion i våra hus och bilar som gör dessa saker att köra och ladda utan krångel, men tills då vi måste ta itu med...

Hur man gör en dold vägg säkra facket eluttag Video

Detta är en annan av mina mest populära Youtube kanal videos. Jag gjorde detta till en ca 5 år sedan (2008) och HowCast kanal lurade mig. Beviljade, har deras version en mycket mer professionella produktionsvärde, så jag antar att jag åtminstone är s...

Smart eluttag

Detta är Raspberry Pi driven smart eluttag.Två eluttag styrs med hjälp av en webbläsare eller smart telefon. Det ärockså möjligt att konfigurera butiker att sätta på och stänga baserat på tiden ellerrumstemperatur eller kombinationer av tid och tempe...

Älva i en flaska (LoZ)

låg på hälsan? Tja, ska här jag visa dig hur man gör en älva i en flaska, upphängd i akryl. Perfekt för legenden om zelda fans, och jag vet att min flickvän säker älskade det jag gjorde henne.Mitt inträde till den gör att lära tävling och väl som Gam...