Siemens AWL mit Javascript / PHP abfragen

Lostb1ker · 31. Mai 2015

Hallo Community,

zu meinem Thema habe ich schon versucht überall zu suchen, aber bisher nichts passendes gefunden.

Folgende Problematik:

Ich habe als Haussteuerung eine Siemens S7 1200er mit Webserver. Nun kann dieser Webserver nur wenige Sprachen und ist durch die Speicherkarte sehr begrenzt. Nun habe ich innerhalb meines Netzwerkes einen weiteren WebServer mit Appache und PHP eingerichtet.

Auf meinem Webserver der Siemens SPS habe nun nur noch ein Dokument, in welche die AWL Variabeln abgefragt werden:

HTML

<!-- AWP_In_Variable Name='"DB_EG_Ansteuerung_PLC".AB.LE01_Leistung_on' -->
<!-- AWP_In_Variable Name='"DB_EG_Ansteuerung_PLC".AB.LE01_Leistung_off' -->
<!-- AWP_In_Variable Name='"DB_EG_Zustand_PLC".AB.LE01_Leistung' -->




<!-- AWP_In_Variable Name='"DB_EG_Ansteuerung_PLC".AB.LE01_1Schalter_on' -->
<!-- AWP_In_Variable Name='"DB_EG_Ansteuerung_PLC".AB.LE01_1Schalter_off' -->
<!-- AWP_In_Variable Name='"DB_EG_Zustand_PLC".AB.LE01_1Schalter' -->




<!-- AWP_In_Variable Name='"DB_EG_Ansteuerung_PLC".AB.LE01_2Schalter_on' -->
<!-- AWP_In_Variable Name='"DB_EG_Ansteuerung_PLC".AB.LE01_2Schalter_off' -->
<!-- AWP_In_Variable Name='"DB_EG_Zustand_PLC".AB.LE01_2Schalter' -->

Alles anzeigen

Nun kann ich auf meinem anderen Webserver diese Variabeln auch triggern / bestätigen:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>Test Neu</title>
  </head>
  <body>
  <form target="hiddenIFrame" method="post" action="http://192.168.???.???/awp/Haus/index.html" method="GET">
  <input class="Z1_Button1" type="submit" value="OFF">
  <input type="hidden" name='"DB_OG_Ansteuerung_PLC".WZ.LE06_off' value="1">   
  </form>
  </body>
</html>

Alles anzeigen

Das funktioniert nun auch. Aber ist eher eine unbequeme Art.
Meine Frage ist, ob ich mithilfe von Javascript diese Variabeln schöner abfragen kann, zwischenspeichern kann und per Funktion betätigen kann. Ich habe auch habe zum Beispiel Temperaturwerte, die ich gerne abfragen möchte.
Ich hoffe ich habe mich verständlichen ausgedrückt :-).

Schön wäre, es beuqem per jQuery abzusenden. Muss bestimmt irgendwie funktionieren. PHP- und Javascrip-Fähigkeiten sind vorhanden.

Würde mich über Ratschläge sehr freuen, denke auch, dass ich mit diesem Problem nicht alleine da stehe.

wolf · 31. Mai 2015

Was kann dein Server? - also der Siemens server, kann der auch Werte bereitstellen?
Also sowas wie HTML ausgeben oder so?

Lostb1ker · 31. Mai 2015

In jedem HTMl-Dokument muss man vorher diese AWL's deklarieren und dann innerhalb auch abfragen ... zum Beispiel innerhalb eines Formulars. Aber nun möchte ich diese ja von einem anderem WebServer anfordern. Der Webserver der Siemens kann leider kein PHP

wolf · 31. Mai 2015

Hier was gefunden: https://www.dmcinfo.com/latest…-html5-user-defined-pages

Kannst du ihm PHP denn 'beibringen'?

Was sind AWL's ?

Lostb1ker · 31. Mai 2015

Jo die Links und Tuts funktioniren alle für das Arbeiten mit dem Siemen WebServer. Den Server kann man leider kein PHP beibringen. Sry, verschrieben - keine AWL's sondern meine AWP quasi die Variabeln, die ich für das Ansteuern verwenden kann, damit kommuniziere ich mit der SPS. Diese sind innerhalb des Step7-Programms meine "Schnitstelle"
Sieht dann ungefähr so aus... funktioniert auch

hier eine Beispielseite:

HTML

<!doctype html>
<html class="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ergeschoss Technikraum</title>
<link href="../Stylesheet/boilerplate.css" rel="stylesheet" type="text/css">
<link href="../Stylesheet/Mobil.css" rel="stylesheet" type="text/css">
<script src="../Javascript/respond.min.js"></script>
<script src="../Script/siemens_script.js" type="text/javascript">	</script>
<script src="../Javascript/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>




<?php
include "../PHP/Funktionen.php";
?>




</head>
<body>




<iFrame name="hiddenIFrame" id="hiddenIFrame" style="width:0px;height:0px;border:0px;">
</iFrame>




<div class="gridContainer clearfix">
<div style="height=30px"> &nbsp;
</div>
<div class="Startseite_Hintergrund">




<a href="../index.html"><div class="Startseite_Überschrift">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;EG - Technikraum
<div class="Banner_Hinweis">(für Menü auf Banner drücken)&nbsp;&nbsp;</div>
</div></a>
<div style="text-align:left;" class="Zeile">
<br >
<table style="width:100%" border="0">         




<tr>




<td>&nbsp;</td>
<td>Deckenlampen</td>
<td>&nbsp;</td>




<td><?php Button_Ausgeben('EG', 'TR.LE01', 'on'); ?></td>
<td><?php Button_Ausgeben('EG', 'TR.LE01', 'off'); ?></td>




<td><img style="vertical-align: bottom; margin: 0px; height: 40px; width: 40px; " src="Images\Status0:="DB_EG_Zustand_PLC".TR.LE01:.png"/> <cr></td>




<td>&nbsp;</td>
<td>Rolladen</td>
<td>&nbsp;</td>




<td><td><?php Button_Ausgeben('EG', 'TR.RM01', 'hoch'); ?></td>
<td><td><?php Button_Ausgeben('EG', 'TR.RM01', 'halten'); ?></td>
<td><td><?php Button_Ausgeben('EG', 'TR.RM01', 'runter'); ?></td>




<td><img style="vertical-align: bottom; margin: 0px; height: 40px; width: 40px; " src="Images\Status0:="DB_EG_Zustand_PLC".TR.RM01_hoch:.png"/> <cr></td>
<td><img style="vertical-align: bottom; margin: 0px; height: 40px; width: 40px; " src="Images\Status0:="DB_EG_Zustand_PLC".TR.RM01_runter:.png"/> <cr></td>
<td>&nbsp;</td>




</tr>




<tr><td colspan="15"><hr></td></tr>




<tr>
<td>&nbsp;</td>
<td>SD01</td>
<td>&nbsp;</td>




<td><button class="Button1" onClick="Schalter_anschalten_EG('TR.SD01_on');return false;">ON</button></td>
<td><button class="Button1" onClick="Schalter_anschalten_EG('TR.SD01_off');return false;">OFF</button></td>




<td style="width:1%">
<img style="vertical-align: bottom; margin: 0px; height: 40px; width: 40px; " src="Images\Status0:="DB_EG_Zustand_PLC".TR.SD01:.png"/> <cr>
</td>




</tr>



















<tr><td>&nbsp;</td></tr>










</table>







<div class="Zeile_Text" style="color:white;text-align:right;font-size:12px;">
&nbsp;&nbsp;&copy; Christian</div>




</div>
</div>
</div>
</body>
</html>

Alles anzeigen

und die PHP Funktion:

PHP

<?php
function Button_Ausgeben($Geschoss, $Name, $Wahl) {  
  echo "<form target='hiddenIFrame' method='post' action='http://192.168.???.???/awp/Haus/index.html' method='GET'>";


  $Namen_getrennt = explode(" / ", $Name); 

  switch ($Wahl) {

    case "runter":
      foreach ($Namen_getrennt As $Wert) {
        echo "<input type='hidden' name='"DB_".$Geschoss."_Ansteuerung_PLC".".$Wert."_runter' value='1'>"; 
        echo "<input type='hidden' name='"DB_".$Geschoss."_Ansteuerung_PLC".".$Wert."_hoch' value='0'>"; 
      };
      echo "<input class='Button1' type='submit' value='&dArr;'>";
    break;

    case "hoch":
      foreach ($Namen_getrennt As $Wert) {
        echo "<input type='hidden' name='"DB_".$Geschoss."_Ansteuerung_PLC".".$Wert."_runter' value='0'>"; 
        echo "<input type='hidden' name='"DB_".$Geschoss."_Ansteuerung_PLC".".$Wert."_hoch' value='1'>"; 
      };
      echo "<input class='Button1' type='submit' value='&uArr;'>";
    break;

    case "halten":
      foreach ($Namen_getrennt As $Wert) {
        echo "<input type='hidden' name='"DB_".$Geschoss."_Ansteuerung_PLC".".$Wert."_runter' value='0'>"; 
        echo "<input type='hidden' name='"DB_".$Geschoss."_Ansteuerung_PLC".".$Wert."_hoch' value='0'>"; 
      };
      echo "<input class='Button1' type='submit' value='||'>";
    break;

    case "on":
    foreach ($Namen_getrennt As $Wert) {
        echo "<input type='hidden' name='"DB_".$Geschoss."_Ansteuerung_PLC".".$Wert."_".$Wahl."' value='1'>"; 
      };
      echo "<input class='Button1' type='submit' value='ON'>";
    break;

    case "off":
    foreach ($Namen_getrennt As $Wert) {
        echo "<input type='hidden' name='"DB_".$Geschoss."_Ansteuerung_PLC".".$Wert."_".$Wahl."' value='1'>"; 
      };
      echo "<input class='Button1' type='submit' value='OFF'>";
    break;

  } 
  echo "</form>";
  }
?>

Alles anzeigen

wolf · 31. Mai 2015

Und was möchtest du jetzt erreichen?
Sieht doch super aus was da kommt..

Lostb1ker · 31. Mai 2015

joar
aber ich habe zu jedem Schalter noch einen Zustand.

vielleicht muss ich diese noch

:="webdata".triangleWave:

so ändern und dann per Ajax abfragen. Werde mal den restlichen Tag das Dokument anpassen und dann per Ajax / jQuery versuchen dieses aufzurufen. Möchte noch sehen, ob ich erfolgreich zum Beispiel eine Lampe angeschaltet haben. Gerade wenn ich mich von außen per VPN-Tunnel einwähle.
Danke erstmal!

Sempervivum · 31. Mai 2015

Vollständig erschließt sich mir das ganze noch nicht, aber es interessiert mich. Ich glaube, ich habe verstanden, wie Du die Variablen mit einem Formular steuern kannst. Aber wie fragst Du sie ab? Du schreibst: "ob ich mithilfe von Javascript diese Variabeln schöner abfragen kann", d. h. anscheinend funktioniert es ja schon irgendwie. Vielleicht kannst Du versuchen, die Seite mit jQuery-Load in ein HTML-Tag zu laden und dessen Inhalt zu parsen. Mir scheint, in deinem letzten Posting hast Du so etwas schon angedeutet.

wolf · 31. Mai 2015

Das hat mich auch gewundert, aber so wie es mir erscheint muss man eig. die keys wissen und die value kann man nur bestimmen? oder wie zur hölle kommt man an die value?!?!?

Lostb1ker · 1. Juni 2015

Guten Morgen,

leider ist mein Versuch fehl geschlagen. Muss einen anderen Weg finden.

"Vollständig erschließt sich mir das ganze noch nicht, aber es interessiert mich. Ich glaube, ich habe verstanden, wie Du die Variablen mit einem Formular steuern kannst. Aber wie fragst Du sie ab?" <-- genau das ist mein Problem - Steuerung funktioniert, aber keine Anzeige vom jeweiligen Zustand.

Ich habe gestern versucht, hinter jeder "Zustands"-Variable von dieser Form:

HTML

<!-- AWP_In_Variable Name='"webdata".triangleWave' -->

in diese zu bringen:

HTML

<!-- AWP_In_Variable Name='"webdata".triangleWave' -->:="webdata".triangleWave:

und dann gemäß Beispiel, diese abzufragen, aber hat dies auf meinem externen Web-Server nicht gefunzt.

Aber vielleicht kann man darüber etwas anfangen:
Wenn ich nun die HTML-Datei auf dem Siemens-Webserver öffne, welche diese geänderten AWP-Abfragen beinhaltet, erscheint im Browser folgendes:

"1 0 0 1 0 0 0 1 1 0 1 0 0 1 0 1 0 0 0 0 0 0 0 0 0 1 1 1 1 1 0 1 0 0 0 1 0 0 0 0 0 0 0 0 1 1 1 1 1 0 1 0 1 0 0 1 0 0 0 1 1 1 1 0 1 0 1 0 0 0 0 0 0 1 0 1 0 0 0 1 0 0 1 0 1 1 1 0 1 0 0 0 0 0 0 0 1 0 1 0 1 0 1 0 0 0 1 1 1 0 1 0 1 1 0 1 0 1 1 0 0 0 0 0 1 0 1 0 0"

Also visualisiert er mir für jeden Zustand diese im Browser. Vielleicht führt dort ein Weg ran.

Ich hoffe, ihr versteht mich

wolf · 1. Juni 2015

Ne nicht so wirklich verstenden, aber ich glaube das die 0 und die 1 für den jeweiligen zustand sind oder?
Schaffst du es die html datei etwas nach diesem Muster auszugeben zu lassen (auf deinem Simens Server)

Code

"key": value, "key": value

key steht immer für den variablen namen und value eben für den wert der Variable.. wenn du das packst sollte es gehen..

Lostb1ker · 1. Juni 2015

Hallo,

ja, ich denke, dass ich das hinbekomme. Wie würde ich diese Infos / Daten dann weiter verarbeiten?

Wäre dann super, diese Werte dann zyklisch abfragen zu können.

wolf · 1. Juni 2015

Naja, im endeffekt wäre folgendes format(JSON) dann brauchbar.. (das darf auch alles in einer Zeile stehen, nur zur übersicht hier mal mit zeilenumbrüchen und einrückung)

Code

{
  "steckdose_1": 0,
  "steckdose_2": 1,
  "variable_4": "middle"
}

Wenn du soweit bist, erklär ich es dir weiter

Lostb1ker · 1. Juni 2015

jo, in der Form habe ich es gebracht. Json habe ich bisher noch nicht benötigt. Bisher direkt per Prozeduren und Abfragen auf Firebird-Datenbanken gearbeitet.

wolf · 1. Juni 2015

Speicher diese Datei mal auf deinen Server (Webserver) und rufe sie mit dem Browser auf (IP im Skript richtig eintragen)

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Siemens server Connect</title>
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script>
    $(document).ready(function(){
      load_values(function(data){//die funktion zum laden der Daten aufrufen und festlegen was nach dem laden geschieht
        $('body').append(data);//daten testweise ins html schreiben
      });
    })
    function load_values(caalback){
      $.ajax({
        url : 'http://192.168.178.000'//hier deine IP des Simensserver eintragen
      }).done(function (data) {
        caalback(data);
      }).fail(function() {
        alert("Fehler beim Laden der Daten!");
      });
    }
  </script>
</head>
<body>




</body>
</html>

Alles anzeigen

Lostb1ker · 1. Juni 2015

Danke für deine Antwort. Versuche, dass dann gleich mal zum test reinzuspielen.
Danke dafür! Melde mich dann nachm "einspielen"

wolf · 1. Juni 2015

Wenn ein Fehler auftritt, drück mal ctrl+Shift+i und klick auf Konsole und kopiere die rot(Fehler) markierten Texte in deinen nächsten Post rein.

Lostb1ker · 1. Juni 2015

"XMLHttpRequest cannot load http://192.168.???.???/awp/Haus/index3.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not allowed access."

scheint Probleme mit den Zugriffsrechten zu haben ...

habe mal bei dem Aufruf noch ein "dataType: 'jsonp'," dazugefügt. Arbeite mich voran^^

so sieht meine Ausgabe derzeit aus, wenn ich "http://192.168.???.???/awp/Haus/index3.html" aufrufe:

{ "Test1": 1, "Test2": 0, "Test3": 0 }
--> sollte ja passen.
hab jetzt wohl nur noch ein Syntax-Problem.
"caught SyntaxError: Unexpected token :"

{ "Test1" : 1, "Test2" : 0, "Test3" : 0 }

Lostb1ker · 1. Juni 2015

So gehts... jetzt muss ich mal mich damit beschäftigen, dass für meine Seiten anzupassen:

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Siemens server Connect</title>
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script>

$.ajax({
        url : "http://192.168.???.???/awp/Haus/index3.html",
        dataType:"jsonp",
        jsonp:"mycallback",
        jsonpCallback: 'jsonCallback',
        success:function(data)
        {
            alert("Test1: "+data.Test1+"\nTest2: "+data.Test2+"\nTest3 "+data.Test3);
        }
    });
  </script>
</head>
<body>




</body>
</html>

Alles anzeigen

wolf · 1. Juni 2015

Kannst du deinem Simens-Server irgendwie beibringen einen bestimmten Header zu senden?
Schau mal hier http://enable-cors.org/server.html

Lass das JSONP weg, wenn du deinem Server den Header beibringst passt alles, ansonsten müssen wir halt bisschen mit PHP arbeiten.. wär auch kein Weltuntergang

Siemens AWL mit Javascript / PHP abfragen

Jetzt mitmachen!

Teilen