Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. ioBroker Allgemein
  4. [Idee] ioBroker Widgets auf iPhone mittels Scriptable App

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.3k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.6k

[Idee] ioBroker Widgets auf iPhone mittels Scriptable App

Geplant Angeheftet Gesperrt Verschoben ioBroker Allgemein
scriptableappleioswidget
54 Beiträge 15 Kommentatoren 10.7k Aufrufe 30 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • E Offline
    E Offline
    el_malto
    schrieb am zuletzt editiert von
    #21

    Das mit den Widgets ist echt eine coole Idee. Würde mich über einen Adapter auch sehr freuen, da ist absolut keine javascript Kenntnisse habe. Die Scriptable App is ja wirklich geil wenn man JS kann. Damit kann man sicher geile Sachen mit machen.

    1 Antwort Letzte Antwort
    0
    • fsrxcF Offline
      fsrxcF Offline
      fsrxc
      schrieb am zuletzt editiert von
      #22

      würde ich auch eine coole Idee finden, kennt jemand das HomebridgeWidget? funktioniert bei mir 1a
      [https://github.com/lwitzani/homebridgeStatusWidget]

      E 1 Antwort Letzte Antwort
      0
      • fsrxcF fsrxc

        würde ich auch eine coole Idee finden, kennt jemand das HomebridgeWidget? funktioniert bei mir 1a
        [https://github.com/lwitzani/homebridgeStatusWidget]

        E Offline
        E Offline
        el_malto
        schrieb am zuletzt editiert von
        #23

        @fsrxc sieht cool aus. Wahnsinn was damit so alles möglich ist. Das Skript liese sich doch auch sicher für ioBroker portieren.
        Schade das ich einfach nicht die Zeit habe um JS zu lernen...

        1 Antwort Letzte Antwort
        0
        • K Offline
          K Offline
          K.Schlautmann
          schrieb am zuletzt editiert von
          #24

          Hallo!

          Spannend zu lesen.
          Ist die Idee weiter verfolgt worden?

          1 Antwort Letzte Antwort
          0
          • H hacki11

            Gerade auch noch gefunden:

            Graphen als Widgets erzeugen:
            https://chartyios.app/
            https://twitter.com/chartyios

            Widgets mit einer App designen:
            https://widgetpack.app/

            Beispiel:
            https://twitter.com/agsmith87/status/1307119083633115139?ref_src=twsrc^tfw|twcamp^tweetembed|twterm^1307119083633115139|twgr^share_3&ref_url=https%3A%2F%2Fwidgetpack.app%2F

            Solche Ansätze in Verbindung mit dem Web-Adapter, welcher die Werte plain zur Verfügung stellt, frage ich mich, was wir hier überhaupt noch tun müssen.

            Vielleicht ist es sinnvoller fertige Widgets zu designen und diese zur Verfügung zu stellen.

            • Widget für Strom/Gas/Wasser Verbrauch
            • Widget für PV-Anlage
            • uvm

            Für jedes Widget werden am besten standardisiert benamte Objekte benötigt, sowas wie ein Mirror/Alias eines Objektes.
            Bei Tagesstromverbrauch klappt das jedoch auch nur wieder in zusammenhang mit z.B. sourceanalytix.

            Die Frage ist was wünscht sich der User mehr:

            • Fertige Use-Case orientierte Widgets?
            • Handwerkszeug um Widgets selbst zu designen?
            F Offline
            F Offline
            floret88
            schrieb am zuletzt editiert von
            #25

            @hacki11 @Mic Gibt es diesbezüglich schon Neuigkeiten oder ein Status Update? Vielen Dank.

            K 1 Antwort Letzte Antwort
            0
            • F floret88

              @hacki11 @Mic Gibt es diesbezüglich schon Neuigkeiten oder ein Status Update? Vielen Dank.

              K Offline
              K Offline
              kassmann
              schrieb am zuletzt editiert von
              #26

              Eine Frage, ich möchte ein oder zwei Werte eines oder zwei Datenpunkte aus ioBroker auf dem iPhone, als Widget angezeigt bekommen. Hat hier jemand schonmal geschafft bzw. Erfahrungen?

              B 1 Antwort Letzte Antwort
              0
              • K kassmann

                Eine Frage, ich möchte ein oder zwei Werte eines oder zwei Datenpunkte aus ioBroker auf dem iPhone, als Widget angezeigt bekommen. Hat hier jemand schonmal geschafft bzw. Erfahrungen?

                B Offline
                B Offline
                blackst225
                schrieb am zuletzt editiert von
                #27

                @kassmann

                ja ich habe es hinbekommen 2 Datenpunkte als Widget auf IOS zu bekommen.
                Kannst dich gerne melden. Aber fit bin ich in dem ganzen auch nicht :-)
                Aber das sollten wir hin bekommen.

                LG

                K 1 Antwort Letzte Antwort
                1
                • B blackst225

                  @kassmann

                  ja ich habe es hinbekommen 2 Datenpunkte als Widget auf IOS zu bekommen.
                  Kannst dich gerne melden. Aber fit bin ich in dem ganzen auch nicht :-)
                  Aber das sollten wir hin bekommen.

                  LG

                  K Offline
                  K Offline
                  kassmann
                  schrieb am zuletzt editiert von
                  #28

                  @blackst225 mich würde es auch interessieren :grin:

                  B 1 Antwort Letzte Antwort
                  0
                  • K kassmann

                    @blackst225 mich würde es auch interessieren :grin:

                    B Offline
                    B Offline
                    blackst225
                    schrieb am zuletzt editiert von Negalein
                    #29

                    @kassmann

                    okay versuchen wir es mal:

                    Teste erst mal ob du deine Datenpunkte überhaupt über den Browser ausgegeben bekommst.
                    Teste dazu bitte mal den Aufruf:

                    http://192.168.xxx.xx:8082/objects

                    Ob der Port bei dir auch die 8082 ist weiß ich nicht. Denke aber schon. (WebAdapter)

                    Dann sollte er dir schon mal alle Werte auflisten, die deine IOBroker Instanz hat.

                    Dann kannst du mit Aufruf:

                    http://192.168.XXX.XX:8082/getPlainValue/device-reminder.0.Waschmaschine.liveconsumption

                    Deine einzelnen Datenpunkte im Browser aufrufen.
                    Wir du an die Datenpunkte kommst weißt du ja sicher!?

                    Dann installierst du dir die Scriptable APP in IOS und erstellst ein neues Script.

                    Inhalt des Scripts ist der Code von @hacki11 https://gist.github.com/hacki11/0a3bfbd3c5bc7d6ed460a43799687736

                    Dort ist nur deine IP / Port anzupassen!

                    und dann unten im Script bei der try Variable deine Datenpunkte eintragen:

                    try {
                            const line1 = list.addText(await getValue("**0_userdata.0.Heizung.Modus**") + " Modus")
                            line1.font = Font.boldSystemFont(18)
                            line1.textColor = Color.green()
                        
                            const line2 = list.addText(await getValue("**0_userdata.0.Heizung.Leistung_KW**") + " KW")
                            line2.font = Font.boldSystemFont(18)
                            line2.textColor = Color.orange()
                    

                    Wenn du das dann über Scriptable App ausführst solltest du die beiden Datenpunkte als Widget sehen.
                    Die Werte wie KW oder STD oder was auch immer kannst du ebenfalls einfach wie im Beispiel dahinter packen...

                    Wie man die Widgets oder Daten im Widget benennt, habe ich aber auch nicht hin bekommen.
                    Das Neue Script blicke ich leider ebenfalls nicht :-)

                    K 1 Antwort Letzte Antwort
                    0
                    • B blackst225

                      @kassmann

                      okay versuchen wir es mal:

                      Teste erst mal ob du deine Datenpunkte überhaupt über den Browser ausgegeben bekommst.
                      Teste dazu bitte mal den Aufruf:

                      http://192.168.xxx.xx:8082/objects

                      Ob der Port bei dir auch die 8082 ist weiß ich nicht. Denke aber schon. (WebAdapter)

                      Dann sollte er dir schon mal alle Werte auflisten, die deine IOBroker Instanz hat.

                      Dann kannst du mit Aufruf:

                      http://192.168.XXX.XX:8082/getPlainValue/device-reminder.0.Waschmaschine.liveconsumption

                      Deine einzelnen Datenpunkte im Browser aufrufen.
                      Wir du an die Datenpunkte kommst weißt du ja sicher!?

                      Dann installierst du dir die Scriptable APP in IOS und erstellst ein neues Script.

                      Inhalt des Scripts ist der Code von @hacki11 https://gist.github.com/hacki11/0a3bfbd3c5bc7d6ed460a43799687736

                      Dort ist nur deine IP / Port anzupassen!

                      und dann unten im Script bei der try Variable deine Datenpunkte eintragen:

                      try {
                              const line1 = list.addText(await getValue("**0_userdata.0.Heizung.Modus**") + " Modus")
                              line1.font = Font.boldSystemFont(18)
                              line1.textColor = Color.green()
                          
                              const line2 = list.addText(await getValue("**0_userdata.0.Heizung.Leistung_KW**") + " KW")
                              line2.font = Font.boldSystemFont(18)
                              line2.textColor = Color.orange()
                      

                      Wenn du das dann über Scriptable App ausführst solltest du die beiden Datenpunkte als Widget sehen.
                      Die Werte wie KW oder STD oder was auch immer kannst du ebenfalls einfach wie im Beispiel dahinter packen...

                      Wie man die Widgets oder Daten im Widget benennt, habe ich aber auch nicht hin bekommen.
                      Das Neue Script blicke ich leider ebenfalls nicht :-)

                      K Offline
                      K Offline
                      kassmann
                      schrieb am zuletzt editiert von
                      #30

                      @blackst225 Vielen Dank für deine Hilfe. Leider kommt bei mir, beim Aufruf von http://192.168.xxx.xx:8082/objects: „File not found: {}“. :disappointed_relieved:

                      B 1 Antwort Letzte Antwort
                      0
                      • K kassmann

                        @blackst225 Vielen Dank für deine Hilfe. Leider kommt bei mir, beim Aufruf von http://192.168.xxx.xx:8082/objects: „File not found: {}“. :disappointed_relieved:

                        B Offline
                        B Offline
                        blackst225
                        schrieb am zuletzt editiert von
                        #31

                        @kassmann

                        geh mal bitte in deinen webAdapter und schaue welchen Port du da eingerichtet hast.
                        und WICHTIG den Haken in dem Adapter auf Eingebautes "Simple-API" setzen!

                        K 1 Antwort Letzte Antwort
                        0
                        • B blackst225

                          @kassmann

                          geh mal bitte in deinen webAdapter und schaue welchen Port du da eingerichtet hast.
                          und WICHTIG den Haken in dem Adapter auf Eingebautes "Simple-API" setzen!

                          K Offline
                          K Offline
                          kassmann
                          schrieb am zuletzt editiert von
                          #32

                          @blackst225 am Haken der Simlpe-API hat es gelegen. Danach klappt es. Leider nutze ich noch iQontrol und eben da muss es zwingend deaktiviert sein. :disappointed_relieved: Mist, Zwickmühle.

                          1 Antwort Letzte Antwort
                          0
                          • IdleBitI Offline
                            IdleBitI Offline
                            IdleBit
                            schrieb am zuletzt editiert von IdleBit
                            #33

                            @kassmann Du kannst auch den neuen https://github.com/ioBroker/ioBroker.rest-api Adapter dafür nutzen ;)

                            Edit:
                            Hier einmal die angepasste getValue Function

                            async function getValue(point) {
                                try {
                                    const req = new Request(`${host}/v1/state/${point}/plain`)
                                    const value = await req.loadString()
                                    return value;
                                } catch (err) {
                                    console.error(err)
                                    return "n/a"
                                }
                            }
                            
                            K 1 Antwort Letzte Antwort
                            0
                            • IdleBitI IdleBit

                              @kassmann Du kannst auch den neuen https://github.com/ioBroker/ioBroker.rest-api Adapter dafür nutzen ;)

                              Edit:
                              Hier einmal die angepasste getValue Function

                              async function getValue(point) {
                                  try {
                                      const req = new Request(`${host}/v1/state/${point}/plain`)
                                      const value = await req.loadString()
                                      return value;
                                  } catch (err) {
                                      console.error(err)
                                      return "n/a"
                                  }
                              }
                              
                              K Offline
                              K Offline
                              kassmann
                              schrieb am zuletzt editiert von
                              #34

                              @idlebit Ich bin für alles offen :blush: . Nur sind meine Kenntnisse vom Programmieren, ähm nicht vorhanden :dizzy_face:

                              Bei mir zieht es jetzt so aus.

                              async function getValue(point) {
                                  try {
                                      const req = new Request(`${192.168.178.xx:xxxx}/v1/state/${plenticore.0.devices.local.Pv_P}/plain`)
                                      const value = await req.loadString()
                                      return value;
                                  } catch (err) {
                                      console.error(err)
                                      return "n/a"
                                  }
                              }
                              
                              

                              Bleiben die "{" oder das "$" vor und nach meinen Einfügungen drin? Denn dann kommt eine Fehlermeldung: "2022-04-27 14:24:29: Error on line 3: SyntaxError: Unexpected number '.178'. Expected a closing '}' following an expression in template literal."

                              Ohne die "{" oder das "$" kommt zwar keine Fehlermeldung, aber auch kein Werte. Wenn ich aber "http://192.168.178.xx:xxxx/v1/state/plenticore.0.devices.local.Pv_P/plain" im Browser eingebe, kommt der Wert.

                              Sorry für die vielleicht blöde Frage... :grimacing:

                              IdleBitI 1 Antwort Letzte Antwort
                              0
                              • K kassmann

                                @idlebit Ich bin für alles offen :blush: . Nur sind meine Kenntnisse vom Programmieren, ähm nicht vorhanden :dizzy_face:

                                Bei mir zieht es jetzt so aus.

                                async function getValue(point) {
                                    try {
                                        const req = new Request(`${192.168.178.xx:xxxx}/v1/state/${plenticore.0.devices.local.Pv_P}/plain`)
                                        const value = await req.loadString()
                                        return value;
                                    } catch (err) {
                                        console.error(err)
                                        return "n/a"
                                    }
                                }
                                
                                

                                Bleiben die "{" oder das "$" vor und nach meinen Einfügungen drin? Denn dann kommt eine Fehlermeldung: "2022-04-27 14:24:29: Error on line 3: SyntaxError: Unexpected number '.178'. Expected a closing '}' following an expression in template literal."

                                Ohne die "{" oder das "$" kommt zwar keine Fehlermeldung, aber auch kein Werte. Wenn ich aber "http://192.168.178.xx:xxxx/v1/state/plenticore.0.devices.local.Pv_P/plain" im Browser eingebe, kommt der Wert.

                                Sorry für die vielleicht blöde Frage... :grimacing:

                                IdleBitI Offline
                                IdleBitI Offline
                                IdleBit
                                schrieb am zuletzt editiert von
                                #35

                                @kassmann
                                "host" und "point" sind Variablen!
                                Du musst nur die Funktion die ich gepostet habe hier austauschen
                                https://gist.github.com/hacki11/0a3bfbd3c5bc7d6ed460a43799687736
                                und der Rest läuft dann wie von @blackst225 hier oben wie beschrieben.

                                K 1 Antwort Letzte Antwort
                                0
                                • IdleBitI IdleBit

                                  @kassmann
                                  "host" und "point" sind Variablen!
                                  Du musst nur die Funktion die ich gepostet habe hier austauschen
                                  https://gist.github.com/hacki11/0a3bfbd3c5bc7d6ed460a43799687736
                                  und der Rest läuft dann wie von @blackst225 hier oben wie beschrieben.

                                  K Offline
                                  K Offline
                                  kassmann
                                  schrieb am zuletzt editiert von
                                  #36

                                  @idlebit Ah, jetzt habe ich es verstanden. :+1:

                                  IdleBitI 1 Antwort Letzte Antwort
                                  0
                                  • K kassmann

                                    @idlebit Ah, jetzt habe ich es verstanden. :+1:

                                    IdleBitI Offline
                                    IdleBitI Offline
                                    IdleBit
                                    schrieb am zuletzt editiert von
                                    #37

                                    Ich habe das gestern auch mal Probiert, aber nur ganz Basic.
                                    Geht erstaunlich gut :)

                                    80b8174e-b422-4c2a-a6e0-62c0ee48f95f-image.png

                                    K 1 Antwort Letzte Antwort
                                    1
                                    • IdleBitI IdleBit

                                      Ich habe das gestern auch mal Probiert, aber nur ganz Basic.
                                      Geht erstaunlich gut :)

                                      80b8174e-b422-4c2a-a6e0-62c0ee48f95f-image.png

                                      K Offline
                                      K Offline
                                      kassmann
                                      schrieb am zuletzt editiert von
                                      #38

                                      @idlebit sieht auf jeden Fall besser aus als meins :confused: C6F330DD-5B3A-4829-940C-375724A3DB34.jpeg
                                      Bekomme ich die Nachkommastellen noch gekürzt?

                                      1 Antwort Letzte Antwort
                                      0
                                      • IdleBitI Offline
                                        IdleBitI Offline
                                        IdleBit
                                        schrieb am zuletzt editiert von
                                        #39

                                        @kassmann Ja mit z.B. toFixed() kann man die nachkommerstellen begrenzen.https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed

                                        Sonst zeig mal deinen Code.

                                        K 1 Antwort Letzte Antwort
                                        0
                                        • IdleBitI IdleBit

                                          @kassmann Ja mit z.B. toFixed() kann man die nachkommerstellen begrenzen.https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed

                                          Sonst zeig mal deinen Code.

                                          K Offline
                                          K Offline
                                          kassmann
                                          schrieb am zuletzt editiert von
                                          #40

                                          @idlebit

                                          let host = args.widgetParameter;
                                          if (!host)
                                            host = "http://xxxxxx"
                                          
                                          console.log(host)
                                          
                                          
                                          let widget = await createWidget()
                                          Script.setWidget(widget)
                                          widget.presentSmall()
                                          Script.complete()
                                          
                                          async function createWidget() {
                                          
                                              const list = new  ListWidget()
                                          
                                              try {
                                                  const line1 = list.addText(await getValue("plenticore.0.devices.local.Pv_P") + " W")
                                                  line1.font = Font.boldSystemFont(17)
                                                  line1.textColor = Color.green()
                                              
                                                  const line2 = list.addText(await getValue("plenticore.0.devices.local.battery.SoC") + " %")
                                                  line2.font = Font.boldSystemFont(17)
                                                  line2.textColor = Color.orange()
                                          
                                                  return list
                                          
                                              } catch(err) {
                                                  const errorList = new ListWidget()
                                                  errorList.addText(err)
                                                  return errorList
                                              }
                                          }
                                          
                                          async function getValue(point) {
                                              try {
                                                  const req = new Request(`${host}/v1/state/${point}/plain`)
                                                  const value = await req.loadString()
                                                  return value;
                                              } catch (err) {
                                                  console.error(err)
                                                  return "n/a"
                                              }
                                          }
                                          
                                          
                                          IdleBitI 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate
                                          FAQ Cloud / IOT
                                          HowTo: Node.js-Update
                                          HowTo: Backup/Restore
                                          Downloads
                                          BLOG

                                          777

                                          Online

                                          32.5k

                                          Benutzer

                                          81.7k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe