# Übersicht und Arbeitsschritte Entwicklung BLUE Web Viewer

Ausblenden Anzeigen

1. Info über BLUE Web Viewer
2. Betriebsumgebung von Web Viewer
3. Arbeitsschritte Entwicklung

## Info über BLUE Web Viewer

„BLUE Web Viewer“ (nachfolgend als „Web Viewer“ bezeichnet) ist eine Funktion, die auf einem Anzeigegerät ausgeführt wird, um Bildschirminformationen mit auf Smartphones und Tablets (nachfolgend als „Smart-Geräte“ bezeichnet) sowie Computern befindlichen Webbrowsern zu teilen. Bei Verwendung von Web Viewer ist das Anzeigegerät ein Server, und die mit dem Server verbundenen Smart-Geräte und Computer sind Clients.

1. Clients
2. Server

Mit einem Client können Sie Vorgänge (Operationen) auch über einen Webbrowser auf dem Server ausführen. Die Fernbedienung des Servers von einem Client aus ist möglich, wenn das Netzwerk so eingerichtet ist, dass Clients eine Verbindung zum Server herstellen können.

Ein einzelner Server kann mehrere gleichzeitige Client-Verbindungen zulassen.

Beispielanwendungen:

- Fernbedienung und Überwachung der mit dem Anzeigegerät installierten Geräte

- Anzeige des Bildschirms des Anzeigegeräts auf einem großen Monitor

Hinweis: Weitere Informationen zu Modellen, die Web Viewer unterstützen, erhalten Sie unter:
Liste der unterstützten Modelle/Funktionen

Es gibt viele Anwendungen, in denen Web Viewer erforderlich sein kann, z. B. die Interaktion mit Maschinen, die sich an einem schwer erreichbaren Ort befinden (etwa in einem Reinraum oder am anderen Ende einer großen Einrichtung), oder die Interaktion mit einem Anzeigegerät, das ohne Anzeigemodul konfiguriert ist.

Obwohl das Web Viewer-System mehrere Clients unterstützen kann, die eine Verbindung zum Server herstellen und die Panel-Oberfläche anzeigen, kann immer nur ein Client mit dem Server interagieren (Berührungsvorgang).

## Betriebsumgebung von Web Viewer

Element | Beschreibung
Server | Modelle von Anzeigegeräten | Liste der unterstützten Modelle/Funktionen
Anzahl gleichzeitiger Client-Verbindungen | 1
Client |
Betriebssystem | Webbrowser
Windows Windows Server | Google Chrome 64 oder höher Microsoft Edge 80 oder höher
iOS 13 oder höher iPadOS 13 oder höher | Safari 13 oder höher Google Chrome 78 oder höher
Android 4.4 oder höher | Google Chrome 72 oder höher
Hinweis: Internet Explorer und Firefox werden nicht unterstützt.
Unterstützte Protokolle | HTTP (Version 1.1)
Unterstützte Sprachen (Benutzeroberfläche) | Englisch, Französisch, Deutsch, Spanisch, Italienisch, Portugiesisch, vereinfachtes Chiensisch, Traditionelles Chinesisch, Koreanisch, Japanisch

### Einrichten eines sicheren Netzwerks gegen unerlaubten Zugriff

Informationen zum Einrichten eines sicheren Netzwerks gegen unerlaubten Zugriff erhalten Sie unter:

Cyber-Sicherheit

Wir empfehlen v.a. Folgendes:

- Errichten Sie eine Kommunikationsumgebung auf Basis verschlüsselter Kommunikation (z.B. VPN).
- Installieren Sie das Anzeigegerät in einem vertrauenswürdigen, sicheren Netzwerk, und schützen Sie das Anzeigegerät mit einer Firewall.

#### Pro-face Connect

Mit Pro-face Connect können Sie eine verschlüsselte Kommunikationsumgebung erstellen.

Fügen Sie bei Verwendung von Pro-face Connect mit Web Viewer in den Einstellungen „Creating an Agent“ die Port-Einstellung hinzu.

Hinzufügen der Port-Einstellung Hinzufügen der Port-Einstellung

1. Klicken Sie im Fenster [SiteManager] auf der rechten Seite von [Device Agents] auf [Bearbeiten].
2. Klicken Sie im Ziel-Agenten auf das Symbol, um zusätzliche Parameter anzuzeigen.
3. Geben Sie im Feld [Extra TCP ports] die in der Bildschirmbearbeitungs-Software konfigurierte Portnummer ein, und klicken Sie auf [Speichern].

Hinweis:

- Weitere Informationen über die Konfiguration von Pro-face Connect unterHandbuch für Pro-face Connect.
- Sie können keine Smart-Geräte als Web-Viewer-Clients in einer verschlüsselten Kommunikationsumgebung verwenden, die von Pro-face Connect erstellt wurde.

## Arbeitsschritte Entwicklung

1. Konfigurieren des Servers
2. Konfigurieren der Benutzerauthentifizierungseinstellungen

### Konfigurieren des Servers

In diesem Abschnitt wird die Konfigurierung des Servers beschrieben.

Wichtige Hinweise: Zur erhöhten Sicherheit empfehlen wir, [Sicherheitseinstellung] zu aktivieren. Durch Aktivieren von [Sicherheitseinstellung] ist eine Benutzerauthentifizierung erforderlich, wenn ein Client auf den Server zugreift.

1. Im Fenster "Projekt-Explorer" die Option [Systemarchitektur] auswählen und auf [Target01] klicken.
2. Klicken Sie im Eigenschaftsfenster auf die Registerkarte [Erweitert] und dann auf die Registerkarte [Datenzugriff].
3. Gehen Sie zu [Web-Funktionseinstellungen], und aktivieren Sie das Kontrollkästchen zu [Web Viewer aktivieren].
4. Gehen Sie zu [Web-Viewer-Einstellungen] und aktivieren Sie das Kontrollkästchen [Sicherheitseinstellungen].
5. Ändern Sie in [Portnummer] gegebenenfalls die Portnummer.

Hinweis:

- Die [Portnummer] wird von Web-Server und Web Viewer gemeinsam genutzt. Gültige Portnummern liegen im Bereich 1024 bis 65535.
- Informationen zu den einzelnen Web Viewer-Einstellungen finden Sie unter:

  - Anpassen der Anmeldeseite und Verteilungsseite

  - Monopolisieren

  - Benutzersperre

  - Abmeldung inaktiver Clients

  - Timeout für Drücken-und-Halten-Vorgänge

  - Bestätigen der Anzahl von Clients

### Konfigurieren der Benutzerauthentifizierungseinstellungen

Aktivieren Sie in den Web Viewer-Einstellungen die [Sicherheitseinstellung], damit die Benutzerauthentifizierung erforderlich ist, wenn ein Client auf den Server zugreift. Im Projekt eingerichtete Benutzer und Benutzergruppen werden zur Benutzerauthentifizierung verwendet.

Hinweis:

- Durch Änderungen an Sicherheitsinformationen zur Laufzeit – z. B. das Importieren von Benutzern und Benutzergruppen – werden Clients automatisch vom Server abgemeldet, es sei denn, [Sicherheitseinstellung] unter [Web-Viewer-Einstellungen] ist deaktiviert.
- Durch Ändern des Passworts eines einzelnen Benutzers zur Laufzeit wird der zugeordnete Benutzer automatisch von einem Client abgemeldet.
- Der Web Viewer-Client kann keine Änderungen an den Einstellungen für die Benutzerauthentifizierung vornehmen.

So konfigurieren Sie die Benutzerauthentifizierung:

1. Konfigurieren Sie Benutzer und Benutzergruppen. Weitere Informationen erhalten Sie unter:
   Vorgehensweise zur Konzeption (Sicherheit)
2. Wählen Sie im „Projekt-Explorer“-Fenster die Option [Sicherheit], und klicken Sie auf die entsprechende Benutzergruppe.
3. Legen Sie im Eigenschaftsfenster die Eigenschaft [Web Viewer-Zugriffsrechte] fest.

   [Web Viewer-Zugriffsrecht]
   Wählen Sie das Zugriffsrecht für die Anmeldung als Client aus. [Keine]: Anmeldung ist nicht möglich. [Monitor]: Nur-Lesen-Zugriff [Monitor/Betrieb]: Ansichts- und Betriebszugriff.