Estou tentando fazer uma autenticação de senha simples utilizando HTTP BA.
seguem os codigos: login.php
<?php
if(!(isset($_SERVER['PHP_AUTH_USER']) && isset($_SERVER['PHP_AUTH_PW']))){
header('WWW-Authenticate: Basic realm="Restricted Area');
header('HTTP/1.0 401 Unauthorized');
die('Acesso Não Autorizado!');
}
$validPasswords = ["neto" => "1234"];//consulta ao banco para login e guardar em array ['login' = > 'Senha'];
$validUser = array_keys($validPasswords);
//recebe usuário e senha do cliente
$user = $_SERVER['PHP_AUTH_USER'];
$pass = $_SERVER['PHP_AUTH_PW'];
$validate = (in_array($user, $validUser) && $pass = $validPasswords[$user]);
if (!$validate){
header('WWW-Authenticate: Basic realm="Restricted Area');
header('HTTP/1.0 401 Unauthorized');
die('Acesso Não Autorizado!');
}
echo "ENTROU";
?>
index.html
<!DOCTYPE html>
<html>
<head>
<title>Autenticação HTTP</title>
<meta charset="ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
</head>
<body>
<form name="cookieform" id="login" method="get">
<input type="text" name="username" id="username" />
<input type="password" name="password" id="password" />
<input type="submit" name="sub" value="Submit" onclick="auth()" />
</form>
<script>
var username = $("#username").val();
var password = $("#password").val();
function auth(){
$.ajax({
type: "GET",
url: "login.php",
dataType: 'json',
async: false,
data: '{"username": "' + username + '", "password" : "' + password + '"}',
beforeSend: function (xhr) {
xhr.setRequestHeader ("Authorization", "Basic " + btoa(function (user, password) {
var tok = user + ':' + password;
var hash = Base64.encode(tok);
return "Basic " + hash;
}));
},
success: function (response){
alert(response);
},
error: function (response){
alert(response);
}
});
}
</script>
</body>
</html>
tentei usar o XMLHttpRequest:
function auth(){
// using XMLHttpRequest
var username = $("input#username").val();
var password = $("input#password").val();
var xhr = new XMLHttpRequest();
xhr.open("GET", "login.php", true);
xhr.withCredentials = true;
xhr.setRequestHeader("Authorization",function (username, password) {
var tok = user + ':' + password;
var hash = Base64.encode(tok);
return 'Basic ' + hash;
});
xhr.onload = function () {
console.log(xhr.responseText);
};
xhr.send();
}
Não retorna nenhuma mensagem no console. troquei os console.log por alert, e nao acontece nada!
O browser tenta abrir a janela solicitando usuário e senha, mas logo em seguida a janela se fecha.
O login.php está funcionando, pois testei acessando diretamente no navegador e digitando os dados na solicitação do browser.
preciso criar esta solução pois devo acessar dados usando endpoints seguros através de um app mobile.
EDIT:
alterei o método open do XMLHttpRequest:
xhr.open("GET", "login.php", true, user, pass);
e coloquei um print_r($_SERVER)
no login.php
não apareceram os indices ['PHP_AUTH_USER']
nem o ['PHP_AUTH_PW']
na impressão do array...
agora com o XMLHttpRequest estou recebendo o alert, com o print do array...