Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ InTouch HMI

InTouch-Projektgrafiken auf externen Webseiten hosten

InTouch-Projektgrafiken auf externen Webseiten hosten

  • Last UpdatedSep 14, 2023
  • 2 minute read

Sie können Grafiken in InTouch WindowMaker konfigurieren und dann auf externen Websites mit der direkten URL zur Grafik hosten.

  1. Erstellen Sie mit dem Industriegrafik-Objektsatz ein Symbol.

  2. Testen Sie das Symbol im InTouch Web Client.

  3. Erstellen Sie auf der externen Website eine HTML <iframe>-Variable.

  4. Fügen Sie in das URL-Attribut den Link auf http://<hostname>/InTouch/?iframe=true&symbol=<graphicname> oder http://<IPAddress>/InTouch/?iframe=true&symbol=<graphicname> ein,
    wobei <hostname> oder <IPAddress> dem Rechner entspricht, auf dem das Projekt veröffentlicht oder bereitgestellt wird, und <graphicname> der Name der Grafik ist, die angezeigt werden soll.

  5. Das URL-Format unterscheidet sich, wenn das Symbol in einer anderen Sprache als Englisch angezeigt wird. Beispielsweise ist die URL für Französisch:
    http://<hostname>/InTouchWeb/?localeid=1036&iframe=true&symbol=<graphicname>

    Spätere Versionen des Web Client, die eine Sprachumschaltung in der Laufzeit ermöglichen, führen zu einer Änderung des URL-Formats. Nach der Aktualisierung auf die neuste Version des Web Client zeigt das frühere URL-Format keine Symbole an, die für andere Sprachen als Englisch konfiguriert sind.

  6. Veröffentlichen oder stellen Sie das Projekt bereit.

  7. Führen Sie das Projekt in InTouch WindowViewer aus. WindowViewer muss ausgeführt werden, um Echtzeitdaten von InTouch-Variablen zu empfangen.

Syntax:

<iframe src="http://localhost/InTouch/?iframe=true&symbol=YourGraphicName"></iframe>

oder

<iframe src="http://NodeName/InTouch/?iframe=true&symbol=YourGraphicName"></iframe>

Beispiel: Hier ist das Symbol ClockAnalogWall im Web Client-Projekt des lokalen Geräts

<iframe src="http://localhost/InTouch/?iframe=true&symbol=ClockAnalogWall"></iframe>

<iframe src="http://localhost/InTouch/?localeid=1036&iframe=true&symbol=ClockAnalogWall"></iframe>

Um auf das Symbol direkt mit der URL zuzugreifen, ist dieselbe InTouch Web Client-Sicherheit und Lizenzierung erforderlich. Relevante Fehlermeldungen werden im <iframe>-Bereich angezeigt, ähnlich wie bei den InTouch Web Client-Fehlermeldungen.

Hinweis: Aufgrund der Änderungen der Richtlinien in Google Chrome 80 und späteren Versionen werden Grafiken, die in einer <iframe>-Variable platziert sind, nicht angezeigt, wenn das Protokoll HTTP verwendet wird. Um Grafiken mit dem Protokoll HTTP anzuzeigen, deaktivieren Sie folgende Cookie-Einstellungen unter chrome://flags
SameSite by default cookies
– Enable removing SameSite=None cookies
Cookies without SameSite must be secure
Für weitere Informationen, siehe https://www.chromestatus.com/feature/5633521622188032. Es wird empfohlen, das Protokoll HTTPS für den Web Client zu verwenden, um etwaige Sicherheitsprobleme zu vermeiden.