Me aparece el error Cannot GET / en el navegador y estoy probando por en vez de poner una ruta que se llame app.get, poner una que es app.post y así me sale el error, he probado a desinstalar node, eliminar los ficheros temporales, etc. Si me pueden ayudar, se lo agradecería, les dejo el código:
P.D: No se si es por lo del data, pero puede haber una solución no? Muchas gracias por las respuestas amigos!!
Acabo de probar con postman y claramente aparece porque se puede enviar peticiones POST!!
const express = require('express');
const fs = require('fs');
const querystring = require('querystring');
const util = require('util');
const md5 = require('blueimp-md5');
const app = express();
const MongoClient = require('mongodb').MongoClient;
const urlMongo = "mongodb://localhost:27017/";
let dataString = '';
let dataObject = '';
let usuario = '';
let fichero = './src/views/login.html';
app.get('/', (request, response) => {
fs.readFile(fichero, function (error, contenido) {
if (error) {
throw error;
}
response.writeHead(200, { 'Content-Type': 'text/html charset=utf-8' });
response.write(contenido);
response.end();
});
app.use('/css', express.static(__dirname + '/css'));
});
app.post('/login', (request, response) => {
request.on('data', function (data) {
// Obtenemos los datos en cadena de texto
dataString += data;
})
.on('end', function () {
// Convertimos la cadena de texto dataString a un objeto
dataObject = querystring.parse(dataString);
// Convertimos el objeto a JSON
let dataJSON = util.inspect(dataObject);
// Recogemos los datos
usuario = dataObject.usuario;
comprobarDatos();
response.end();
})
});
// Función para comprobar los datos que introduce el cliente
async function comprobarDatos() {
let tipo = 9;
const client = await MongoClient.connect(urlMongo, { useUnifiedTopology: true })
.catch(err => { console.log(err); });
if (!client) {
return;
}
try {
const db = client.db("administraciontest");
let collection = db.collection('usuarios');
let query = {"usuario" : usuario , "password" : md5(dataObject.password)};
let result = await collection.findOne(query);
tipo = result.tipo;
console.log(result);
console.log(tipo);
} catch (err) {
console.log(err);
} finally {
client.close();
}
console.log(tipo);
return tipo;
}
function paginaError(response){
fs.readFile('./src/views/error.html', function (error, contenido) {
if (error) {
throw error;
}
response.writeHead(200, { 'Content-Type': 'text/html charset=utf-8' });
response.write(contenido);
response.end();
});
}
app.listen('8080', () => {
console.log('Servidor ejecutándose en http://127.0.0.1:8080/');
});
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Administración Test - Login</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="./css/login.css">
</head>
<body>
<div class="container mt-2">
<h1 class="text-black-50 text-center">Inicio de Sesión</h1>
<form action="/login" name="login" method="POST" enctype="multipart/form-data">
<div class="form-group row justify-content-center">
<div class="col-md-4 mt-4">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">Usuario</label>
</div>
<input class="form-control" type="text" name="usuario" placeholder="Escribe tu usuario aquí"
required>
</div>
</div>
</div>
<div class="form-group row justify-content-center">
<div class="col-md-4 mt-2">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">Contraseña</span>
</div>
<input class="form-control" type="password" name="password"
placeholder="Escribe su contraseña aquí" required>
</div>
<div id="respuesta">
</div>
</div>
</div>
<div class="mx-auto mt-4 buttons">
<button type="submit" class="btn btn-success iniciar">Iniciar Sesión</button>
<button type="reset" class="btn btn-danger borrar">Borrar</button>
</div>
</form>
</div>
<!-- <script src="https://code.jquery.com/jquery-3.5.0.slim.js"
integrity="sha256-sCexhaKpAfuqulKjtSY7V9H7QT0TCN90H+Y5NlmqOUE=" crossorigin="anonymous"></script> -->
</body>
</html>
Acabo de probar con postman y claramente aparece porque se puede enviar peticiones POST!!