QR-Code Gäste Wlan

[Rocker]

Hallo,

ich habe bei meiner Opnsense erfolgreich das Captive Protal inkl. Voucher-Server nach der im Wiki zur Verfügung gestellten Anleitung erstellt.
Alles funktioniert wie es soll.
Aber, ich würde den Komfortumfang gerne etwas erhöhen und den Gäste-Wlan-Login gerne über einen QR-Code realisieren.
Ziel sollte sein, man kommt auf das Captive Protal und man bekommt den Hinweis, dass der QR Code zum Login gescannt werden muss.

Gibt es hier eine Möglichkeit, so etwas einzubinden? bzw. eine Anleitung dafür?

Vielen Dank

Gruß Rocker

[lfirewall1243]

Hi,

also im Grunde reicht es ja, wenn du einen QR Code (wahrscheinlich mit einem anderen Tool) generierst und diesen in das Template vom CaptivePotal einbaust.

[fabian]

Theoretisch währe beides denkbar - du kannst aus einer Webseiter heraus auf die Webcam oder  Kamera zugreifen und dort dann nach Barcodes suchen. Das dürfte allerdings nicht sonderlich handlich sein. Die vernünfigere version währe, dass du einen Barcode auf den Voucher druckst, der den Code enthält und vom JS erkannt wird. Wenn er da ist, wird eine automatische Anmeldung versucht. In diesem Fall tut's jede gängige scanner App.

[Rocker]

Hallo,

ich dachte eher an das Feature wie es die Fritzbox anbietet, mann hat einfach einen QR Code der von Gästen gesacannt werden kann, diese erhalten dann automatisch Zugriff auf  das Gäste Wlan ohne das PW und User eingegeben werden muss.

https://service.avm.de/help/de/FRITZ-Box-Fon-WLAN-7490/014/hilfe_wlan_gastzugang_mobile_einbinden

Ist so etwas möglich?

Danke

Gruß Rocker

[hbc]

Für mich liest es sich bei der Fritz.Box aber so, daß dort ohne Captive-Portal gearbeitet wird. Die Gäste haben ein seperates Netz (eigene SSID) mit eigenem, fixem PSK.

D.h. Du hast für alle Gäste den selben QR-Code und darin ist dann die SSID, Verschlüsselungsart und der PSK gespeichert. Unter https://qrcode.tec-it.com/de/wifi kannst Du Dir z.B. solche QR-Codes erzeugen lassen.

Was Du aber willst ist ja ein QR-Code, der quasi die Voucherdaten enthält und der müßte dann für jeden einzelnen Gast seperat erzeugt werden. Außerdem bräuchte es dann vermutlich zwei QR-Codes.

• einen QR-Code, der SSID konfiguriert und Verschlüsselung Open (wobei zu offenem WLAN verbinden auch noch jeder so hinbekommen sollte)
• einen QR-Code, der dann über URL-Parameter (falls das vom Captive-Portal unterstützt wird), die individuellen Anmeldedaten an das Portal weiterreicht.

Also ich habe mir früher die Voucher als CSV exportieren lassen und dann über Serienbrieffunktion entsprechende, stylische Voucher erstellen lassen. Da bräuchte es dann vermutlich ein Plugin für die Textverarbeitung, das dann QR-Codes generieren kann und als Bild in diese Voucher intergriert.

Hab da sogar eben was gefunden: https://blog.egovernment.krzn.de/dynamische-qr-codes-im-ms-office-word-serienbrief-macwindows/

Von dem her fragt sich noch, ob man die Felder des Captive-Portals über URL-Parameter ausfüllen kann. So in der Art https://portal:8000?inputUsername=gast&inputPassword=password&signin

[Rocker]

Die Lösung wäre auch klasse.
Somit könnte man die Voucher wie bis jetzt erstellen und hat die Parameter Gültigkeitsdauer usw. weiter im Griff.
Aber muss mann dann in diesen QR-Generator irgend eine Magie einbauen, dass dieser automatisch die Felder USER und PW befüllt?
Da kenne ich mich halt 0 aus

Ich fände es halt einfach charmanter, wenn so etwas ohne das lästige abtippen gehen würde.

Gruß Rocker

[hbc]

Aber muss mann dann in diesen QR-Generator irgend eine Magie einbauen, dass dieser automatisch die Felder USER und PW befüllt?

Da müßte man wohl auf @franco zurückgreifen. Er meinte ja etwas mit QR-Code erstellen, "der den Code enthält und vom JS erkannt wird"

Denke wenn das mit einer URL ginge, dann sollte die Serienbrieffunktion USER und PW aus der CSV Datenquelle ziehen können und damit die URL für den QR-Code erzeugen können. Ein QR-Code kann halt nur keinen POST-Request auslösen, sondern eben nur eine URL über GET aufrufen.

[franco]

*@fabian

[Rocker]

@ Fabian,

wie wäre so etwas umzusetzen? ich habe mit soetwas sehr wenig Erfahrung

Vielen Dank

Gruß Rocker

[fabian]

First, you need to apply this patch: https://github.com/opnsense/core/pull/3388

then you have to create an URL which sets the parameters user and password.

Hope this helps

[hbc]

First, you need to apply this patch: https://github.com/opnsense/core/pull/3388

English? 

Will this patch be part of next production release or does somebody have to reapply it after every update, if he wanna use this feature?

[fabian]

Ich bin Moderator in allen großen englischsprachigen Foren, da kann sowas oft mal passieren

Ich habe den Pull Request auf GitHub ins Core-Repo erstellt. Wenn er übernommen wird, ist er automatich in jedem Release drin. Sollte er nicht übernommen werden. kannst du ein eigenes Template machen, und das verwenden - dann bleiben deine Änderungen auch erhalten.

[Rocker]

Hallo Fabian,

vielen Dank für die Mühe!!!!

ich bin leider noch nicht zum ausprobieren gekommen

aber für mein Verständnis kurz:

Ich editiere die Datei über die Shell so wie in Github zu sehen,
Danach erhalte ich Link und PW innerhalb des Voucherservers.
und das verwurstel ich dann mit Hilfe von Excel und einem QR Generator?

ist das so richtig, oder bin ich völlig falsch.

Gruß Rocker

[hbc]

Hallo Rocker,

Du mußt es nicht selbst per Hand verwursteln, sondern kannst über

Code: [Select]

#  opnsense-patch 75a34db
direkt die Änderungen an den Dateien vornehmen lassen.

Wenn ich fabians Code richtig lese, dann fragt er die URL-Parameter user und password ab und erzeugt per AJAX einen POST-Request an das API des Captive-Portals.

Ich glaub das CP läuft auf Port 8000. Somit müßtest Du eine URL erzeugen in der Form:

http://gast.domain.tld:8000?user=$username&password=$password

Username und Paßwort erhältst Du aus der Voucher-CSV als Datenquelle. Und die URL mußt Du dann noch gemäß der bereits beschriebenen Anleitung in einen QR-Code transformieren.

Wenn Dein CP per SSL gesichert ist, dann natürlich https:// als Protokoll in die URL.

Edit1:
Ich wollte eben eine Beispiel-Word erzeugen mit Serienbrieffunktion und QR-Codes, aber die Voucher-Generierung crashed meine WebGUI. Vermutlich einer der vielen php7.2 Upgradefehler. Die CSV-Datei ist immer anschließend immer leer und ich muß WebGUI neustarten. Kann Dir also erst ein Beispiel posten, wenn das gefixt ist.

Edit2:
Ich hab jetzt mal per Hand eine CSV erstellt. In Word Serienbrief erstellen, mit CSV als Datenquelle verknüpfen, nun mit <Strg>+<F9> Feldfunktionen-Eingabe aktivieren und dort eingeben:

Code: [Select]

{DISPLAYBARCODE  "http://gast.domain.tld:8000?user={MERGEFIELD username}&password={MERGEFIELD password}" QR \s 150 \q 3}
Das \s ist die Größe in Prozent, der \q die Error-Correction. Wenn ich das im Serienbrief nutze, dann erzeugt er mir pro Voucher einen eigenen QR-Code mit Username und Password in der URL.

Normalansicht dann wieder über <Alt>+<F9>

[Rocker]

Hallo hbc,


das mit der leeren CSV hatte ich auch erst.
Es hilft wenn du den Voucher-Server löscht und die Voucher aus der Captive-Auth. entfernst.
Danach neu einrichten, dann klappts wider mit der CSV.

Gruß Rocker