[Idee] ioBroker Widgets auf iPhone mittels Scriptable App

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:

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.

kassmann

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

IdleBit

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

kassmann

@idlebit sieht auf jeden Fall besser aus als meins :confused:
Bekomme ich die Nachkommastellen noch gekürzt?

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.

kassmann

@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"
    }
}

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")

kassmann

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

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

IdleBit

@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"
    }
}

kassmann

@idlebit Kannst du mir nochmal helfen, ich hoffe, dass letzte mal :disappointed_relieved:. 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

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();

kassmann

@idlebit Ein Traum, tausend Dank :grinning:

severendis

@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

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

Hier zu lesen :)

severendis

@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

@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

@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

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.

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.


// 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"
    }
}

Community Forum

NEWS

[Idee] ioBroker Widgets auf iPhone mittels Scriptable App

Support us

591

32.5k

81.7k

1.3m