NGINX auf Raspberry installieren

Version 20200629 - Fehler (fehlende geschweifte Klammer im Block "location") korrigiert

Vorgehensweise:
per ssh auf dem Raspberry anmelden

folgende Befehle ausfuehren:
sudo apt update
sudo apt install nginx

Base64 Header auf dem Raspberry erzeugen
echo -n "username:password" | base64 

Das Ergebnis sieht in etwas so aus:
bW7ict9rZXJ2aWV6OkmvUGFzc4VzZPI=


####################################################

Mit einem Editor die Konfigurationsdatei bearbeiten

Aufruf des Editors mit:
sudo nano /etc/nginx/nginx.conf

Nachfolgenden Block an den entsprechenden Stellen mit deinen Daten versehen, komplett kopieren 
und in die nginx.conf einfuegen.

Die mit # beginnenden Zeilen koennen auch weggelassen werden. Ich habe sie nur zur
Erklaerung eingefuegt.



server {
  listen 81;
  listen [::]:81;

  # zugriff auf den proxy auf berechtigte systeme eingrenzen (reihenfolge beachten!)
  # wichtig, da ueber diesen weg sonst alle systeme ohne authentifizierung auf die kamera kommen
  allow  <ip-adresse-1>;
  allow  <ip-adresse-2>;
  # am ende alle weiteren systeme verbieten
  deny all;

  root /var/www/html;
  index index.html index.htm index.nginx-debian.html;
  server_name <hostname>;

  location / {
      proxy_pass http://<ip der webcam>:80;
      proxy_set_header Host $host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      
      # credentials fuer die authentifizierung an der kamera
      proxy_set_header Authorization "Basic <Base64 Header hier einfuegen>";

      # dem aufrufenden browser erlauben, den stream in die website einzubinden, um die Meldung
      # "Blockiert durch X-Frame-Options-Richtlinie" zu vermeiden. 
      add_header Content-Security-Policy "img-src 'http://<ip vom proxy>:81/';";
  }
      # falls gewuenscht koennen hier logfiles eingerichtet werden. dazu das # vor der zeile entfernen
      # access_log /var/log/nginx/access.log;
      # error_log /var/log/nginx/error.log;
}


NGINX starten
sudo /etc/init.d/nginx start

####################################################

Jetzt kann die Funktion des Proxy bereits ueber einen Browser ohne Eingabe von Username und Password getestet werden.

Aufruf des Streams (hier im Beispiel fuer meine Hikvision Kamera):
http://<ip der webcam>:81/Streaming/channels/102/httppreview/

Dann sollte der Browser das Livebild ohne Abfrage von Username und Password anzeigen.

####################################################

Wenn bis hierhin alles funktioniert, kannst du den Livestream in die Vis einbinden

Dazu folgende Schritte ausfuehren:
Basic-HTML als Widget fuer das Bild auswaehlen

Eintrag im Feld HTML:
<iframe src="http://<ip der webcam>:81/Streaming/channels/102/httppreview/" width="100%" height="100%" frameborder=0 allowfullscreen allow=autoplay allow_embedding="true"></iframe>

Fertig!

Bitte beachten: Im Vis-Editor wird das Bild nicht angezeigt. Hier erscheint die Meldung:
"Blockiert durch X-Frame-Options-Richtlinie"

In der Vis-View wird das Bild aber angezeigt.