GastZugang Captive Portal ohne Authentifizierung
Resolution
An diesem Beitrag ist ein Beispiel für eine Captive-Portal-Comfort-Seite angebracht, die für den Einsatz in einer "Gast-Access"-Umgebung modifiziert wurde. Das Ziel ist es, die Benutzer dazu zu zwingen, auf einen Knopf zu klicken und zu bestätigen, dass Sie die Nutzungsbedingungen anerkennen, bevor Sie Zugang zum Netzwerk/Internet erhalten. Sie müssen einen "Gast"-Benutzer (der nicht in diesem Artikel enthalten ist) für die Verwendung in diesem Portal erstellen.
Die angehängte Seite ist identisch mit der "eingebauten" Captive-Portal-Komfort Seite. Ich habe gerade das JavaScript hinzugefügt, das notwendig ist, um das Captive-Portal ohne Authentifizierung durch den Benutzer funktionieren zu lassen. Sie müssen nur den HTML/Text hinzufügen, den Sie Ihren "Gast"-Nutzern anzeigen möchten.
Um Ihre neue, Gefangene Portal Comfort-Seite zu nutzen, tun Sie Folgendes:
1.) gehen Sie auf die Registerkarte Device und klicken Sie auf "Antwort-Seiten" auf der linken Seite.
2.) klicken Sie auf "Portal Comfort page".
3.) klicken Sie auf den "Import"-Button, wählen Sie die Datei, die Sie gerade bearbeitet haben, wählen Sie den Ort (Shared oder A VSYS), und klicken Sie auf OK.
4.) die Konfiguration übertragen.
Inhalt der beigefügten Datei:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><META http-equiv="PRAGMA" content="NO-CACHE"><meta name="viewport" content="initial-scale=1.0"><title>Benutzer Identifikations Portal</title><style> html, body{ height: 99%; } body { color: #111; font-family: Verdana,Arial,Helvetica,sans-serif; background-color:#d2d6dA; vertical-align: middle; } #activearea { border-width: 2px; border-color: #c2c6cA; border-style: solid; border-radius: 15px; background-color: #ffffff; padding: 20px; max-width: 400px; margin-left: auto; margin-right: auto; } #heading { font-size: 1.1em; font-weight: bold; max-width: 400px; margin-left: auto; margin-right: auto; text-align: center; } #desc { font-size: 1em; margin: 15px; max-width: 400px; text-align: left; margin-left: auto; margin-right: auto; } form td span { font-size: 1em; font-weight: bold; } #formtable { height: 100%; width: 100%; } #taLogin { width: 250px; margin-left: auto; margin-right: auto; } .buttonFixed { font-size: 1em; } .msg { background-color: #ffff99; border-width: 2px; border-color: #ff0000; border-style: solid; border-radius: 5px; margin-top: 0.5em; padding: 0.5em; max-height: 150px; height: expression( this.scrollHeight > 150 ? "150px" : "auto" ); /* sets max-height for IE */ overflow: auto; font-size: 1em; }</style></head><!-- Changed LoadPage function to myLoadPage function for onload --><body onload="myLoadPage();"><table id="formtable"><tr><td>Benutzer Identifikations Portal<x 81=""><div id="desc">Die Ressource, auf die Sie zugreifen wollen, erfordert eine korrekte Identifizierung der Benutzer vor dem Zugriff.</div></td></tr></table></body></html> Bitte geben Sie Ihre Anmeldedaten ein.
<!-- This function hides the "pan_form", provides a new submit button and populates the username, password, escapeUser, and submit values used by the backend to process the form -->
<script>
function myLoadPage() {
//get the login form object
var my_form = document.getElementById("login_form");
//get the username form object
var my_user = document.getElementsByName("user")[0];
//populate the username form object with the configured "guest" user
my_user.setAttribute("value", "guestuser");
//get the password form object
var my_pass = document.getElementsByName("passwd")[0];
//populate the password object with the configured "guest" password
my_pass.setAttribute("value", "guestpass");
//get the escapeUser form object
var escape_user = document.getElementsByName("escapeUser")[0];
//populate the escapeUser object with the configured "guest" user
escape_user.setAttribute("value", "guestuser");
//remove the existing submit button from the DOM
document.getElementById("submit").remove();
//add a new custom button to the DOM with our own text on it
my_form.insertAdjacentHTML('beforeend', '<button class="buttonFixed" type="submit" id="submit" name="ok" onclick="submitClicked()" value="Login">Accept and Continue</button>');
//get the entire "original" login form object
var hide_form = document.getElementById("taLogin");
//hide the "original" login form object
//we need it to POST but not be visible
hide_form.style.visibility = "hidden";
hide_form.style.position = "absolute";
}
</script>
<pan_form>
</pan_form>