{"id":452,"date":"2022-03-08T22:31:50","date_gmt":"2022-03-08T20:31:50","guid":{"rendered":"https:\/\/handbuch.alarmiator.de\/?post_type=docs&#038;p=452"},"modified":"2023-07-18T19:27:19","modified_gmt":"2023-07-18T17:27:19","password":"","slug":"reverse-proxy-einrichten","status":"publish","type":"docs","link":"https:\/\/handbuch.alarmiator.de\/?docs=reverse-proxy-einrichten","title":{"rendered":"Reverse Proxy einrichten [veraltet]"},"content":{"rendered":"\n<p>Wir wollen das Web-UI, die REST-API, unseren Wallboardzugang und den Spaceport Socket hinter einen Reverse Proxy schalten. Um dies zu tun muss der NGINX Proxy Manager installiert sein. Wie das geht wurde im Guide zur SSL-Zertifikatseinrichtung gezeigt.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist ein Reverse Proxy?<\/h2>\n\n\n\n<p>Ein Reverse-Proxy sitzt vor einem Webserver und empf\u00e4ngt alle Anfragen, bevor sie den Server erreichen. Er stellt sicher, dass kein Client direkt mit dem Server kommuniziert. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1015\" height=\"330\" src=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-19.png\" alt=\"\" class=\"wp-image-453\" srcset=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-19.png 1015w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-19-300x98.png 300w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-19-768x250.png 768w\" sizes=\"auto, (max-width: 1015px) 100vw, 1015px\" \/><\/figure>\n\n\n\n<p>F\u00fcr unseren Zweck stellt, er sicher, dass alle Anfragen per SSL verschl\u00fcsselt sind und l\u00e4sst uns einen Zugangspunkt zu unseren verschiedenen Anwendungen erstellen. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reverse Proxy einrichten<\/h2>\n\n\n\n<p>Logge dich in deinem NGINX Proxy Manager ein. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>```&lt;ip-addresse&gt;```:81<\/code><\/pre>\n\n\n\n<p>Ersetze &#8222;`&lt;ip-addresse&gt;&#8222;` mit der Ip-Addresse deines Servers oder alternativ mit dem Hostnamen deines Servers. Den Hostnamen findest du heraus indem du folgendes im SSH-Fenster eingibst:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>hostname<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"375\" src=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-20-1024x375.png\" alt=\"\" class=\"wp-image-457\" srcset=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-20-1024x375.png 1024w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-20-300x110.png 300w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-20-768x282.png 768w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-20.png 1279w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Navigiere zu &#8222;Proxy Hosts&#8220; und klicke auf &#8222;Add Proxy Host&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/12\/image-1.png\" alt=\"\" class=\"wp-image-849\" width=\"458\" height=\"498\" srcset=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/12\/image-1.png 744w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/12\/image-1-276x300.png 276w\" sizes=\"auto, (max-width: 458px) 100vw, 458px\" \/><\/figure>\n\n\n\n<p>Trage deine Domain ein und ersetze &#8222;hostname&#8220; mit dem Hostnamen deines ALARMiator Servers. <\/p>\n\n\n\n<p>WICHTIG: Localhost oder 127.0.01 wird nicht akzeptiert es muss der Hostname oder die IP angegeben werden. <\/p>\n\n\n\n<p>Klicke nun auf &#8222;Custom Locations&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-52.png\" alt=\"\" class=\"wp-image-534\" width=\"474\" height=\"843\" srcset=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-52.png 498w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/03\/image-52-169x300.png 169w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/figure>\n\n\n\n<p>Achte auch auf den extra \/ f\u00fcr die Api Location!<\/p>\n\n\n\n<p>Um den Spaceport Client \u00fcber den Proxy anzusprechen richte folgende Custom-Location ein:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/05\/image.png\" alt=\"\" class=\"wp-image-575\" width=\"486\" height=\"307\" srcset=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/05\/image.png 751w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/05\/image-300x189.png 300w\" sizes=\"auto, (max-width: 486px) 100vw, 486px\" \/><\/figure>\n\n\n\n<p>Ersetze auch hier wieder &#8222;hostname&#8220;. <\/p>\n\n\n\n<p>Achte au\u00dferdem auf den Slash hinter &#8222;hostname&#8220; bei der API Zuweisung.<\/p>\n\n\n\n<p>Nun wollen wir noch ein SSL-Zertifikat einrichten. Klicke dazu auf &#8222;SSL&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2023\/07\/image-8.png\" alt=\"\" class=\"wp-image-1158\" width=\"418\" height=\"318\" srcset=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2023\/07\/image-8.png 935w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2023\/07\/image-8-300x228.png 300w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2023\/07\/image-8-768x584.png 768w\" sizes=\"auto, (max-width: 418px) 100vw, 418px\" \/><\/figure>\n\n\n\n<p>Force SSL und HSTS dienen beide der Erh\u00f6hung der Sicherheit und sollte gesetzt sein.<\/p>\n\n\n\n<p>W\u00e4hle dein SSL-Zertifikat aus, dass du bereits wie im Guide dazu erstellt hast. <\/p>\n\n\n\n<p>Nun hast du deinen Reverse Proxy eingerichtet allerdings wissen die Endger\u00e4te deiner Nutzer nicht, dass Sie jetzt Anfragen \u00fcber diesen senden sollen. Um das zu \u00e4ndern gehe im Adminpanel deines Alarmiatorservers zum REST-API Plugin. Hier kannst du die Proxy Domain angeben. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/12\/image-2-1024x157.png\" alt=\"\" class=\"wp-image-854\" width=\"939\" height=\"144\" srcset=\"https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/12\/image-2-1024x157.png 1024w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/12\/image-2-300x46.png 300w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/12\/image-2-768x118.png 768w, https:\/\/handbuch.alarmiator.de\/wp-content\/uploads\/2022\/12\/image-2.png 1360w\" sizes=\"auto, (max-width: 939px) 100vw, 939px\" \/><\/figure>\n\n\n\n<p>Hier musst du die URL angeben \u00fcber welche die Endger\u00e4te kommunizieren sollen, also die des Proxy z.B &#8222;https:\/\/example.com:443\/api&#8220;.<\/p>\n\n\n\n<p>Wir geben hier explizit Port 443 an um \u00fcber https zu kommunizieren. <\/p>\n\n\n\n<p>Diese wird den Endger\u00e4ten mitgeteilt und Sie werden automatisch auf diese URL migriert, sobald Sie mit dem Server kommunizieren. <\/p>\n\n\n\n<p>Damit die automatische Migrierung funktioniert muss nat\u00fcrlich der alte Kommunikationsweg noch bestehen, um die neue URL \u00fcberhaupt zu bekommen. Deshalb muss f\u00fcr eine gewisse Zeit der Reverse Proxy und der alte Standardweg aktiv sein, bis sich alle Endger\u00e4te einmal &#8222;gemeldet&#8220; haben. Danach kann der alte Weg abgestellt werden und der Port 5010 oder 5443 geschlossen werden, da wir ja nun Port 443 des Proxy Managers benutzen um intern auf Port 5010 des ALARMiator Server weiterzuleiten. <\/p>\n\n\n\n<p>Als Nutzer kann man in den Profileinstellungen in der App sehen welche URL hinterlegt ist um nachzupr\u00fcfen welchen Kommunikationsweg man (wie das geht findest du im Guide zu den Handyapps)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wie funktionieren die Weiterleitungen?<\/h2>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table class=\"has-black-color has-cyan-bluish-gray-background-color has-text-color has-background\"><thead><tr><th>Domain<\/th><th>Service<\/th><th>Port<\/th><\/tr><\/thead><tbody><tr><td>example.com<\/td><td>Web-UI<\/td><td>5000<\/td><\/tr><tr><td>example.com\/api\/<\/td><td>Rest-API<\/td><td>5010<\/td><\/tr><tr><td>example.com\/socket.io\/<\/td><td>Wallboard<\/td><td>5020<\/td><\/tr><tr><td>example.com\/spaceport\/socket.io\/<\/td><td>Spaceport-Client<\/td><td>5555<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Hier siehst du wie du nun auf die verschiedenen Services zugreifen kannst, wenn du Sie an deinem Server aktiviert hast. <\/p>\n\n\n\n<p>Die socket.io Verbindungen sind f\u00fcr die Daten\u00fcbermittlung an das Wallboard und den Spaceport erforderlich. Die Wallboard Seite selbst wird \u00fcber die Api angezeigt. DIe Daten zur Bef\u00fcllung der WIdget werden im Hintergrund \u00fcber die socket.io Verbindung geladen. Es muss also f\u00fcr ein funktionierendes Wallboard von au\u00dfen sowohl die API als auch der Wallboardsocket erreichbar sein. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wir wollen das Web-UI, die REST-API, unseren Wallboardzugang und den Spaceport Socket hinter einen Reverse Proxy schalten. Um dies zu tun muss der NGINX Proxy Manager installiert sein. Wie das geht wurde im Guide zur SSL-Zertifikatseinrichtung gezeigt. Was ist ein Reverse Proxy? Ein Reverse-Proxy sitzt vor einem Webserver und empf\u00e4ngt alle Anfragen, bevor sie den [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[19,66],"doc_tag":[],"class_list":["post-452","docs","type-docs","status-publish","hentry","doc_category-plugins","doc_category-veraltet"],"year_month":"2026-04","word_count":563,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Darren F\u00fcrst","author_nicename":"dfuerst","author_url":"https:\/\/handbuch.alarmiator.de\/?author=4"},"doc_category_info":[{"term_name":"Plugins","term_url":"https:\/\/handbuch.alarmiator.de\/?doc_category=plugins"},{"term_name":"Veraltet","term_url":"https:\/\/handbuch.alarmiator.de\/?doc_category=veraltet"}],"doc_tag_info":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/handbuch.alarmiator.de\/index.php?rest_route=\/wp\/v2\/docs\/452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/handbuch.alarmiator.de\/index.php?rest_route=\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/handbuch.alarmiator.de\/index.php?rest_route=\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/handbuch.alarmiator.de\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/handbuch.alarmiator.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=452"}],"version-history":[{"count":24,"href":"https:\/\/handbuch.alarmiator.de\/index.php?rest_route=\/wp\/v2\/docs\/452\/revisions"}],"predecessor-version":[{"id":1160,"href":"https:\/\/handbuch.alarmiator.de\/index.php?rest_route=\/wp\/v2\/docs\/452\/revisions\/1160"}],"wp:attachment":[{"href":"https:\/\/handbuch.alarmiator.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=452"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/handbuch.alarmiator.de\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_category&post=452"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/handbuch.alarmiator.de\/index.php?rest_route=%2Fwp%2Fv2%2Fdoc_tag&post=452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}