(FHEM) GUI

Allgemeines

Nach einigen Fehlversuchen fuer FHEM eine GUI mit den FHEM-eigenen-Modulen zu erstellen, habe ich aufgegeben und angefangen mir was eigenes zu bauen.

Tibb's Law #2: Halte alles solange simpel, bis es gar nicht mehr anders geht. 

Die Module, die ich probiert habe waren vielleicht simpel aufgebaut und auch mal schnell implementiert, aber dummerweise selten gleichzeitig.

Loesung

Bevor ich meine Loesung hier praesentiere, benutze ich diese Seite erst mal als Ablage fuer meine Gedankenstuetzen.

Gedankenstuetzen

The fetch() operation simply uses the exact URL string as it was given. To pass the URL query params, simply have them in the URL string as in our example above:

1 fetch("http://www.abx.com?x=2&y=3")
2 
3 If you need to construct query param string from a hash and you use jQuery on your site, you can do:
4 
5 var url = "http://www.abx.com?" + $.param({foo: "bar", baz: "kuuq"})
6 fetch(url)

Update: here is what the fetch standard recommends in their documentation (also see discussion in whatwg/fetch#56):

1 var url = new URL("https://geo.example.org/api"),
2     params = {lat:35.696233, long:139.570431}
3 Object.keys(params).forEach(key => url.searchParams.append(key, params[key]))
4 fetch(url).then(...)

This requires that the browser implements url.searchParams. A polyfill might be needed for older browsers.