Dynamisk hemsida för Nexahome

Moderators: hekj, Telldus

Post Reply
fingalo
Posts: 53
Joined: Fri Mar 17, 2023 9:45 am

Dynamisk hemsida för Nexahome

Post by fingalo »

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.
Skärmdump
Skärmdump
Untitled-1.png (24.84 KiB) Viewed 13753 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?ps ... &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 565 times
marieper
Posts: 25
Joined: Fri Mar 17, 2023 9:45 am

Re: Dynamisk hemsida för Nexahome

Post by marieper »

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.
dana
Posts: 7
Joined: Fri Mar 17, 2023 9:45 am

Re: Dynamisk hemsida för Nexahome

Post by dana »

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.
Lasse-Hifi
Posts: 34
Joined: Fri Mar 17, 2023 9:45 am
Location: Sollentuna

Re: Dynamisk hemsida för Nexahome

Post by Lasse-Hifi »

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).
matsb70
Posts: 18
Joined: Fri Mar 17, 2023 9:45 am

Re: Dynamisk hemsida för Nexahome

Post by matsb70 »

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)
fingalo
Posts: 53
Joined: Fri Mar 17, 2023 9:45 am

Re: Dynamisk hemsida för Nexahome

Post by fingalo »

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.
Post Reply