Dynamisk hemsida för Nexahome

Moderators: hekj, Telldus

Dynamisk hemsida för Nexahome

Postby fingalo » Sat Feb 06, 2016 3:05 pm

Hej,jag har gjort en dynamisk hemsida där man kan se alla devicer, sensorer och events och som kan hantera dimmer devicer.
Den är mest tänkt för mobiler pga formatet.

Principen är att hemsidan läser upp alla devicer mm. som json och sedan bygger sidan efter den informationen.
Ett problem som finns är att status (mode) inte får innehålla svenska tecken. Kommandot mode skickas i klartext och då tolkas svenska tecken till 'skräp'.
Om någon vet hur man gör med de svenska tecknen så är jag tacksam för hjälp.
På devicer använder jag Id som är numeriskt, så där fungerar det.

Koden är nog mest att betraktas som ett hack så förbättringar är välkomna.

Untitled-1.png
Skärmdump
Untitled-1.png (24.84 KiB) Viewed 2520 times


Kopiera in filen i mywebserver biblioteket och starta om nexahome (eller gör reload/refresh i web fliken).

Jag använder http://www.noip.com för att få en adress som fungerar även utanför mitt nätverk. ex
'http://myuser.ddns.net:8080/nexahome?psw=xxxPWxxxx'
Använder sedan ex 'http://myuser.ddns.net:8080/nexahome?psw=xxxPWxxxx&mypage=nh för att accessa sidan.
OBS! I kommandot för att starta hemsidan skall mypage=nh ligga sist eftersom jag maskar bort den delen för att sedan accessa nexahome med första delen av url'en.

Jag använder bsh kommandot så filen BshFilter.xml måste modifieras. ex:

Code: Select all
<?xml version='1.0' encoding='UTF-8'?>
<BshFilter>
<filter>
<block>file</block>
<allow>*</allow>
</filter>
</BshFilter>
Attachments
nh.zip
Källkod
(2.3 KiB) Downloaded 199 times
fingalo
 
Posts: 49
Joined: Fri Aug 22, 2014 4:58 pm

Re: Dynamisk hemsida för Nexahome

Postby marieper » Wed Aug 17, 2016 8:43 pm

Ett trevligt steg framåt tycker jag, speciellt för oss som inte har just denna kodningskompetens.

Testade och hade inga problem att få upp sidan.

Ändrade rubriken på Events till Upcoming Events (för att vara övertydlig mot mig själv).

På önskelistan:
- en alfabetisk sortering efter enhetens namn istället för efter NH id# - det är det jag har vant mig med default websidan...
- tidsstämpel för sensorvärdena

På fellistan: temperaturen från MSNWeather visas som xx % av någon anledning (avsaknad av decimal?), temperaturen från min givare får grader C som förväntat.
marieper
 
Posts: 19
Joined: Thu Sep 12, 2013 7:52 pm

Re: Dynamisk hemsida för Nexahome

Postby dana » Wed Oct 19, 2016 6:04 pm

Hemsidan funkar klockrent för mig och är snabb, snyggt jobbat!

En förbättring jag vill få till är att kunna tända/släcka och dimma mina grupper.
Grupperna vill jag ska vara högt upp så sidan, för de använder jag mest.
Samt en automatisk uppdatering typ var 5 sekund.
dana
 
Posts: 6
Joined: Sat Jun 18, 2011 12:17 pm

Re: Dynamisk hemsida för Nexahome

Postby Lasse-Hifi » Sun Oct 30, 2016 4:25 pm

Jag har nu också provat denna. Snygg och snabb! Jag har samma önskemål som övriga. Är det möjligt med vidareutvecklingen av koden?
En bugg jag hittat är att texten på eventen inte blir bra på Google Chrome (Samsung Galaxy S5).
Lasse-Hifi
 
Posts: 34
Joined: Wed Oct 27, 2010 6:19 pm
Location: Sollentuna

Re: Dynamisk hemsida för Nexahome

Postby matsb70 » Wed Nov 01, 2017 2:19 pm

Detta är ju fullkomligt fenomenalt !
Det löser alla problem med den inbyggda sidan.

fråga bara, går det att lägga stylsheet och scriptfilerna lokalt ? vilken katalog i så fall? (antar att det finns en anledning till att de inte ligger lokalt)
matsb70
 
Posts: 10
Joined: Wed Feb 08, 2017 6:21 am

Re: Dynamisk hemsida för Nexahome

Postby fingalo » Fri Nov 10, 2017 4:31 pm

I en annan variant på hemsidan har jag lagt vissa scriptfiler lokalt i RPI'n (i mywebserver biblioteket) och det fungerar utmärkt.
Så här har jag gjort, ser att jag var nog lite lat och inte kopierade ner alla scriptfilerna lokalt!

Code: Select all
      <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
      <script src="https://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
      <script type="text/javascript" src="http://dygraphs.com/1.1.1/dygraph-combined.js "></script>
      <script src="/nexahome/mqttws31.js" type="text/javascript"></script>
      <script src="/nexahome/config.js" type="text/javascript"></script>


Har här kompletterat min hemsida med mqtt (via nexahome), så att status på devicerna uppdateras på hemsidan när en device växlar status.
Fungerar riktigt bra.
fingalo
 
Posts: 49
Joined: Fri Aug 22, 2014 4:58 pm


Return to NexaHome

Who is online

Users browsing this forum: Yahoo [Bot] and 1 guest