Authentifizierungsvorlagen

Authentifizierungsvorlagen legen HTML-Formulare für die Benutzung in formularbasierten Authentifizierungsrichtlinien fest.

XG Firewall bietet anpassbare HTML- und CSS-Vorlagen. Um sicherzustellen, dass die Authentifizierungsvorlagen gut funktionieren, erfahren Sie mehr über die Variablen.

Variablen in Authentifizierungsvorlagen

Sie können die hier aufgeführten Variablen verwenden. Einige sind erforderlich, andere optional.

Die Vorlage muss die folgenden Variablen und die folgende Struktur haben:

Tabelle 1. Erforderliche Variablen

Variable

Beschreibung

<form action="<?login_path?>" method="POST">

Ein Element „form“ mit folgendem Inhalt:

  • method auf Post gesetzt
  • action auf <?login_path?> gesetzt

<input name="httpd_username" type="text">

Das Element „form“ muss ein Element „input“ haben, mit „name“ gesetzt auf httpd_username. Beispiel:

<form action="<?login_path?>" method="POST">
 <p><label for="httpd_username">Benutzername:</label>
 <input name="httpd_username" type="text"></p>
</form>

<input name="httpd_password" type="password">

Das Element „form“ muss ein Element „input“ haben, mit „name“ gesetzt auf httpd_password. Beispiel:

<form action="<?login_path?>" method="POST">
 <p><label for="httpd_password">Kennwort:</label>
 <input name="httpd_password" type="text"></p>
</form>
Anmerkung Nur <?login_path?> wird ersetzt.
Tabelle 2. Optionale Variablen

Variable

Beschreibung

<?assets_path?>

Ersetzt durch den Pfad, an dem sich die Objekte befinden, die Sie mit der Authentifizierungsvorlage hochladen.

Um eine saubere Authentifizierungsvorlage zu haben, platzieren Sie die Stylesheets, Bilder und andere Elemente außerhalb der Vorlage.

Beispiel: <link rel="stylesheet" type="text/css" href="<?assets_path?>/stylesheet.css">

<?admin_contact?>

Ersetzt durch die in Verwaltung > Benachrichtigungseinstellungen > E-Mail-Einstellungen > Benachrichtigungen an E-Mail-Adresse senden eingegebene E-Mail-Adresse.

<?company_logo?>

Um das Sophos Logo zu ersetzen, fügen Sie den Pfad zu Ihrem Logo ein.

<?company_text?>

Ersetzen Sie die Variable durch den Text, den Benutzer sehen sollen.

<?persistency?>

Derzeit nicht verwendet. Sie können den Absatz entfernen, wo es verwendet wird.

Authentifizierungsvorlage herunterladen

XG Firewall bietet die folgende Standardauthentifizierungsvorlage zur Konfiguration einer Web Application Firewall:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="<?assets_path?>/default_stylesheet.css">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Login</title>
  </head>
  <body>
    <div id="container">
      <div class="info">
         <img src="<?company_logo?>" alt="">
         <p><?company_text?></p>
      </div>
      <form action="<?login_path?>" method="POST">
        <p><label for="httpd_username">Username:</label>
          <input name="httpd_username" type="text"></p>
        <p><label for="httpd_password">Password:</label>
          <input name="httpd_password" type="password"></p>
        <p style="visibility:<?persistency?>">
          <label for="httpd_persistency">Keep me logged in</label>
          <input name="httpd_persistency" type="checkbox"></p>
        <p><input type="submit" value="Login"></p>
      </form>
      <div class="note">If you encounter any problems or questions, please contact <b><?admin_contact?></b>.</div>
    </div>
  </body>
</html>

CSS-Vorlage herunterladen

html, body {
  width: 100%;
  height: 100%;
  color: #444;
  background: #f0f0f0;
  font: 9pt Arial,Helvetica,sans-serif;
}
#container {
  position: fixed;
  width: 340px;
  height: 470px;
  top: 40%;
  left: 50%;
  margin-top: -170px;
  margin-left: -170px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}
.info {
  font-size: 14px;
  padding-left: 20px;
  padding-top: 20px;
  line-height: 23px;
  text-align: center;
}
.note {
  font-size: 11.5px;
  color: #606060;
  line-height: 14px;
  float: left;
  margin: 20px;
  text-align: justify;
}
form {
  margin: 0 auto;
  margin-top: 20px;
}
label {
  color: #555;
  display: inline-block;
  margin-left: 18px;
  padding-top: 10px;
  font-size: 14px;
}
input {
  font-size: 12px;
  outline: none;
}
input[type=text], input[type=password] {
  color: #777;
  padding-left: 10px;
  margin: 10px;
  margin-top: 12px;
  margin-left: 18px;
  width: 300px;
  height: 35px;
}
input[type=text]:focus, input[type=password]:focus {
  border: 1px solid #a8c9e4;
  box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}
input[type=submit] {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
  width: 80px;
  height: 30px;
  font-size: 14px;
  width: 80px;
  height: 30px;
  left: 50%;
}