瀏覽器Basic Auth方式認證的phpMyAdmin自動登錄

2024-07-09 22:39:15

字體：大中小

來源：轉載

供稿：網友

一、需求

自動登錄 phpMyAdmin,最終能夠解決自動登錄所有使用 Basic Auth 方式認證的網頁.

二、phpMyAdmin 的四種認證登陸方式

1.config 配置文件。直接將允許登錄的用戶名和密碼寫在 config.inc.php 配置文件中。

2.cookie。最常用的方式，通過填寫首頁表單進行登錄。

3.http。HTTP Basic Authentication 方式，使用瀏覽器的彈出式對話框進行登錄。與 cookie 方式的區別主要在于用戶體驗。

4.signon。單點登錄，適用于系統集成。用戶登錄了某系統后，不必再輸用戶名密碼即可以一鍵登錄 phpMyAdmin。

參考：http://wiki.phpmyadmin.net/pma/Auth_types

按道理 signon 方式應該是滿足需求的首選方案，只不過項目開發總是有妥協和遷就，要盡量少干預現有系統的運行。另外，在實現 signon 方式登錄的同時，還需要保留原有的用戶輸用戶名密碼的登錄方式，即備用登錄方案。這就將問題復雜化了。

三、什么是 Basic Auth

現有系統使用了 Basic Auth 方式,于是我研究了怎樣能夠在這種情況下也一鍵登錄,在訪問一個需要 HTTP Basic Authentication 的 URL 時，如果你沒有提供用戶名和密碼,服務器就會返回 401,這時瀏覽器會提示你輸入用戶名和密碼,例子如下:

<?php

if (!isset($_SERVER['PHP_AUTH_USER'])) {

    header('WWW-Authenticate: Basic realm="My Realm"');

    header('HTTP/1.1 401 Unauthorized');

} else {//開源代碼Vevb.com

    echo "<p>Hello {$_SERVER['PHP_AUTH_USER']}.</p>";

    echo "<p>You entered {$_SERVER['PHP_AUTH_PW']} as your password.</p>";

}

?>

保存為login.php,瀏覽 http://localhost/login.php 查看效果.

瀏覽器Basic Auth：IE9和Chrome的彈出式認證對話框,在瀏覽器彈出的窗口中輸入用戶名密碼,如果使用 Chrome 開發者工具（或者 Firebug）查看,會發現其實它只是多發送了一個類似下面的請求頭:

Authorization: Basic bXlfdXNlcm5hbWU6bXlfcGFzc3dvcmQ=

四、Basic Auth 認證的自動登錄解決方案

要想通過認證,原則上有 2 種方法

•一是在請求頭中添加 Authorization(可用 Javascript 來實現):

Authorization: “Basic 用戶名和密碼的base64加密字符串”

•二是在 url 中添加用戶名和密碼（IE 不支持）:

http://username:password@domain.com/login.php

用 js 添加請求頭可以使用 XMLHttpRequest,實現代碼如下:

<html>

<head>

<title>login</title>

<script>

function login() {

    var username = document.getElementById("username").value;

    var password = document.getElementById("password").value;

    xhr = new XMLHttpRequest();

    xhr.open("POST", "http://localhost/login.php", false, username, password);

    xhr.send(null);

    return xhr.status == 200;

}

</script>

</head>

<body>

<form action="http://localhost/login.php" method="post" onsubmit="return login();">

    <fieldset>

    <legend>Login</legend>

    <label for="username">username:</label>

    <input type="text" id="username" name="username">

    <label for="password">password:</label>

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

    <input type="submit" value="subject">

    </fieldset>

</form>

</body>

</html>