Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. [Idee] ioBroker Widgets auf iPhone mittels Scriptable App

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    [Idee] ioBroker Widgets auf iPhone mittels Scriptable App

    This topic has been deleted. Only users with topic management privileges can see it.
    • IdleBit
      IdleBit @kassmann last edited by IdleBit

      So ist in Zeile 18 der Wert auf 2 Stellen gekürzt, aber nicht gerundet.

      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(Number(await getValue("plenticore.0.devices.local.Pv_P")).toFixed(2)+ " 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"
          }
      }
      

      Gerundet würde die Zeile so ausgehen:

      const line1 = list.addText(Math.round(Number(await getValue("plenticore.0.devices.local.Pv_P")) * 100) / 100 + " W")
      
      K 1 Reply Last reply Reply Quote 0
      • K
        kassmann @IdleBit last edited by

        @idlebit ungerundet ist völlig ausreichend, super vielen Dank.

        Kannst du eventuell deinen Code auch posten? Würde da gern was kombinieren. 😁

        IdleBit 1 Reply Last reply Reply Quote 0
        • IdleBit
          IdleBit @kassmann last edited by

          @kassmann Ja kann ich, ist aber nur so eben schnell hingeschmissen der Code

          let host = args.widgetParameter;
          if (!host)
              host = "http://192.168.0.203:8093"
          
          let widget = await createWidget()
          Script.setWidget(widget)
          widget.presentSmall()
          Script.complete()
          
          
          async function createWidget() {
              // let g = new LinearGradient();
              // g.colors = [Color.red(), Color.red(), Color.blue(), Color.blue()];
              // g.locations = [0, 0.5, 0.5, 1];
          
              const widget = new ListWidget();
              //list.backgroundGradient = g;
          
              const nextRefresh = Date.now() + (1000 * 30) // add 30 second to now
          
              widget.refreshAfterDate = new Date(nextRefresh)
          
              try {
                  const solarHeader = widget.addText("Solar Strom");
                  solarHeader.font = Font.boldSystemFont(12);
                  solarHeader.centerAlignText();
          
                  const solar = widget.addText(`${await getValue("solax.0.data.acpower")}W | ${Number(await getValue("sourceanalytix.0.solax__0__data__yieldtotal.currentYear.consumed.01_currentDay")).toFixed(1)}kWh | ${await getValue("sourceanalytix.0.solax__0__data__yieldtotal.currentYear.costs.01_currentDay")}€`);
                  solar.font = Font.boldSystemFont(16);
                  solar.centerAlignText();
          
                  widget.addSpacer();
          
                  const netzHeader = widget.addText("Netz Strom");
                  netzHeader.font = Font.boldSystemFont(12);
                  netzHeader.centerAlignText();
          
                  const netz = widget.addText(`${await getValue("sonoff.0.SmartMeter.LK13BE_current")}W | ${Number(await getValue("sourceanalytix.0.sonoff__0__SmartMeter__LK13BE_total.currentYear.consumed.01_currentDay")).toFixed(1)}kWh | ${await getValue("sourceanalytix.0.sonoff__0__SmartMeter__LK13BE_total.currentYear.costs.01_currentDay")}€`);
                  netz.font = Font.boldSystemFont(16);
                  netz.centerAlignText();
          
                  widget.addSpacer();
          
                  const houseHeader = widget.addText("Haus Strom");
                  houseHeader.font = Font.boldSystemFont(12);
                  houseHeader.centerAlignText();
          
                  const house = widget.addText(`${await getValue("0_userdata.0.Energy.CurrentHouseEnergyConsumption")}W | ${await getValue("0_userdata.0.Energy.TotalHouseEnergyToday")}kWh | ${await getValue("0_userdata.0.Energy.EnergyAutakie")}%`);
                  house.font = Font.boldSystemFont(16);
                  house.centerAlignText();
          
                  widget.addSpacer();
          
                  const description = widget.addText(`Stand: ${new Date().toLocaleTimeString()} Uhr`);
                  description.centerAlignText();
                  description.font = Font.mediumSystemFont(9);
          
                  return widget;
          
              } 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"
              }
          }
          
          K 1 Reply Last reply Reply Quote 0
          • K
            kassmann @IdleBit last edited by

            @idlebit Kannst du mir nochmal helfen, ich hoffe, dass letzte mal 😥. Hier mal ein kurzer Auszug, ich hoffe der reicht.

            widget.refreshAfterDate = new Date(nextRefresh)
             
                try {
                    const solarHeader = widget.addText("Solar Strom");
                    solarHeader.font = Font.boldSystemFont(12);
                    solarHeader.centerAlignText();
             
                    const solar = widget.addText(`${await getValue("plenticore.0.devices.local.Pv_P")).toFixed(2)}W | 
                    ${Number(await getValue("plenticore.0.scb.statistic.EnergyFlow.EnergyHomePvDay")).toFixed(1)}kWh`);
                    solar.font = Font.boldSystemFont(16);
                    solar.centerAlignText();
            

            In Zeile 8 wird die Kürzung der Kommastelle nicht ausgeführt und es kommt der Fehler:
            SyntaxError: Unexpected token ')'. Expected a closing '}' following an expression in template literal.

            Zeile 9 klappt.

            Schon mal Danke

            IdleBit 1 Reply Last reply Reply Quote 0
            • IdleBit
              IdleBit @kassmann last edited by IdleBit

              EDIT:
              Ein Number fehlte

              widget.refreshAfterDate = new Date(nextRefresh)
               
                  try {
                      const solarHeader = widget.addText("Solar Strom");
                      solarHeader.font = Font.boldSystemFont(12);
                      solarHeader.centerAlignText();
               
                      const solar = widget.addText(`${Number(await getValue("plenticore.0.devices.local.Pv_P")).toFixed(2)}W | 
                      ${Number(await getValue("plenticore.0.scb.statistic.EnergyFlow.EnergyHomePvDay")).toFixed(1)}kWh`);
                      solar.font = Font.boldSystemFont(16);
                      solar.centerAlignText();
              
              K severendis 2 Replies Last reply Reply Quote 0
              • K
                kassmann @IdleBit last edited by

                @idlebit Ein Traum, tausend Dank 😀

                1 Reply Last reply Reply Quote 0
                • severendis
                  severendis @IdleBit last edited by

                  @idlebit

                  Hallo!

                  Ich habe hier ein Problem, das es bei Deinem Sycript bei mir zur Ausgabe "File state/....." kommt und das an jeder Stelle wo ein Wert stehen sollte.

                  Der Datenpunkt stimmt. In der einfacheren Version (danke @blackst225 ) habe ich die Ausgabe bekommen.
                  Bitte nur die erste Zeile der Datenausgabe beachten. Die anderen beiden hatte ich noch nicht angepasst.

                  Was kann das sein?

                  Danke schon mal!

                  let host = args.widgetParameter;
                  
                  if (!host)
                  
                      host = "http://192.168.11.166:8082"
                  
                   
                  
                  let widget = await createWidget()
                  
                  Script.setWidget(widget)
                  
                  widget.presentSmall()
                  
                  Script.complete()
                  
                   
                  
                   
                  
                  async function createWidget() {
                  
                      // let g = new LinearGradient();
                  
                      // g.colors = [Color.red(), Color.red(), Color.blue(), Color.blue()];
                  
                      // g.locations = [0, 0.5, 0.5, 1];
                  
                   
                  
                      const widget = new ListWidget();
                  
                      //list.backgroundGradient = g;
                  
                   
                  
                      const nextRefresh = Date.now() + (1000 * 30) // add 30 second to now
                  
                   
                  
                      widget.refreshAfterDate = new Date(nextRefresh)
                  
                   
                  
                      try {
                  
                          const solarHeader = widget.addText("Solar Strom");
                  
                          solarHeader.font = Font.boldSystemFont(12);
                  
                          solarHeader.centerAlignText();
                  
                          const solar = widget.addText(`${await getValue("0_userdata.0.Huawei.Inverter.PV_P")}W | ${await getValue("0_userdata.0.Huawei.Inverter.PV_P")}kWh | ${await getValue("0_userdata.0.Huawei.Inverter.PV_P")}€`);
                  
                          solar.font = Font.boldSystemFont(16);
                  
                          solar.centerAlignText();
                  
                   
                  
                          widget.addSpacer();
                  
                   
                  
                          const netzHeader = widget.addText("Netz Strom");
                  
                          netzHeader.font = Font.boldSystemFont(12);
                  
                          netzHeader.centerAlignText();
                  
                   
                  
                          const netz = widget.addText(`${await getValue("sonoff.0.SmartMeter.LK13BE_current")}W | ${Number(await getValue("sourceanalytix.0.sonoff__0__SmartMeter__LK13BE_total.currentYear.consumed.01_currentDay")).toFixed(1)}kWh | ${await getValue("sourceanalytix.0.sonoff__0__SmartMeter__LK13BE_total.currentYear.costs.01_currentDay")}€`);
                  
                          netz.font = Font.boldSystemFont(16);
                  
                          netz.centerAlignText();
                  
                   
                  
                          widget.addSpacer();
                  
                   
                  
                          const houseHeader = widget.addText("Haus Strom");
                  
                          houseHeader.font = Font.boldSystemFont(12);
                  
                          houseHeader.centerAlignText();
                  
                   
                  
                          const house = widget.addText(`${await getValue("0_userdata.0.Energy.CurrentHouseEnergyConsumption")}W | ${await getValue("0_userdata.0.Energy.TotalHouseEnergyToday")}kWh | ${await getValue("0_userdata.0.Energy.EnergyAutakie")}%`);
                  
                          house.font = Font.boldSystemFont(16);
                  
                          house.centerAlignText();
                  
                   
                  
                          widget.addSpacer();
                  
                   
                  
                          const description = widget.addText(`Stand: ${new Date().toLocaleTimeString()} Uhr`);
                  
                          description.centerAlignText();
                  
                          description.font = Font.mediumSystemFont(9);
                  
                   
                  
                          return widget;
                  
                   
                  
                      } 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"
                  
                      }
                  
                  }
                  
                  IdleBit 1 Reply Last reply Reply Quote 0
                  • IdleBit
                    IdleBit @severendis last edited by IdleBit

                    @severendis mein Script ist für den neuen https://github.com/ioBroker/ioBroker.rest-api Adapter, nutzt du den auch?

                    Hier zu lesen 🙂

                    severendis 1 Reply Last reply Reply Quote 0
                    • severendis
                      severendis @IdleBit last edited by

                      @idlebit
                      Ich habe das nicht so für voll genommen, da dort stand "du kannst den benutzen".
                      Na ja - mein Fehler.

                      Kann ich den im ioBroker zusätzlich installieren, oder geht dann der Simple API Adapter nicht mehr?

                      IdleBit 1 Reply Last reply Reply Quote 0
                      • IdleBit
                        IdleBit @severendis last edited by

                        @severendis Ja das kannst Du, kannst aber auch die 'getValue()' Funktion auf die ursprüngliche Version wieder ändern,
                        so brauchst du dafür nicht extra den Adapter installieren.

                        severendis 1 Reply Last reply Reply Quote 0
                        • severendis
                          severendis @IdleBit last edited by

                          @idlebit Nachdem ich da echt nicht fit bin, gelingt mir weder das eine noch das andere.
                          Ich habe den Adapter installiert, bekomme jedoch nicht mal das WEB IF dieses Adapters.

                          Ich habe auch versucht die Zeile so zu ändern, das es mit Simple API gehen "könnte" geht aber auch nicht.

                          const solarHeader = widget.addText("Solar Strom");
                          
                                  solarHeader.font = Font.boldSystemFont(12);
                          
                                  solarHeader.centerAlignText();
                          
                                  const solar = widget.addText(await getValue("0_userdata.0.Huawei.Battery.Battery_ESU1_SOC"))
                          
                                 
                                  solar.font = Font.boldSystemFont(16);
                          
                                  solar.centerAlignText();
                          
                          
                          severendis 1 Reply Last reply Reply Quote 0
                          • severendis
                            severendis @severendis last edited by

                            Sorry für meine blöden Fragen, aber ich habe es geschafft.
                            Es läuft jetzt mit dem rest-api.

                            Ich hatte den Adapter (als BETA) direkt von GitHub installiert und vergessen, das man danach die Instanz aus dem Adapter noch installieren muss.

                            1 Reply Last reply Reply Quote 0
                            • D
                              Duisburgo last edited by Duisburgo

                              Hallo ich finde die Idee cool mit ioBroker und Scriptable.

                              Leider habe ich keine JS Kenntnisse, habe trotzdem was rumgebastelt.
                              Ich benutze den Adapter „Birthday“ und hätte gerne ein Widget von deren Geburtstagen. Also habe ich den Script von hier ein bisschen geändert. Nun werden mir die Daten angezeigt trotzdem bin ich nicht zufrieden bzw. Würde es gerne optimieren.

                              730086FB-72EE-4AC1-A2EC-352387D91128.jpeg

                              
                              // iobroker ip
                              let host = args.widgetParameter;
                              if (!host)
                                host = "http://192.168.178.46:8087"
                              
                              console.log(host)
                              
                              
                              let widget = await createWidget()
                              Script.setWidget(widget)
                              widget.presentSmall()
                              Script.complete()
                              
                              
                              async function createWidget() {
                              // API Daten
                                  const list = new  ListWidget()
                              
                                  try {
                                      const line1 = list.addText(await getValue("0_userdata.0.Simple_API.Name"))
                                      line1.font = Font.boldSystemFont(18)
                                      
                                      const line2 = list.addText(await getValue("0_userdata.0.Simple_API.Tage") + " Tage")
                                      line2.font = Font.boldSystemFont(18)
                                      
                                      const line3 = list.addText(await getValue("0_userdata.0.Simple_API.Alter") +" Alter")
                                      line3.font = Font.boldSystemFont(18)
                                      
                              
                                      return list
                              
                                  } catch(err) {
                                      const errorList = new ListWidget()
                                      errorList.addText(err)
                                      return errorList
                                  }
                              }
                              
                              async function getValue(point) {
                                  try {
                                      let req = new Request(host + "/getPlainValue/" + point)
                                      let value = await req.loadString()
                                  
                                      console.log(value)
                                      return value;
                                  } catch(err) {
                                      console.error(err)
                                      return "n/a"
                                  }
                              }
                              
                              
                              H 1 Reply Last reply Reply Quote 0
                              • H
                                heidepower @Duisburgo last edited by

                                Wie bekomm ich das Widget auf meine Lockscreen? Ich kann Scriptabel nicht als Widget auswählen "Einstellungen/Hintergrundbild/...?

                                Habe das verlinkte Script von blackst225 benutzt. Auf dem normalen Screen funktioniert es.

                                https://gist.github.com/hacki11/0a3bfbd3c5bc7d6ed460a43799687736

                                1 Reply Last reply Reply Quote 0
                                • First post
                                  Last post

                                Support us

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

                                803
                                Online

                                31.6k
                                Users

                                79.6k
                                Topics

                                1.3m
                                Posts

                                apple ios scriptable widget
                                15
                                54
                                7455
                                Loading More Posts
                                • Oldest to Newest
                                • Newest to Oldest
                                • Most Votes
                                Reply
                                • Reply as topic
                                Log in to reply
                                Community
                                Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                The ioBroker Community 2014-2023
                                logo