backend: Mot de passe oublié + Securité Next maj

TODO: Page de connexion frontend et profil public
This commit is contained in:
Divlo 2020-03-31 07:48:00 +02:00
parent 49da9d5d48
commit 8c37dbaaf4
7 changed files with 3480 additions and 868 deletions

View File

@ -1,4 +1,5 @@
HOST = "http://localhost:8080"
FRONT_END_HOST = "http://localhost:3000"
OpenWeatherMap_API_KEY = ""
DB_HOST = ""
DB_NAME = ""

View File

@ -1,6 +1,7 @@
const config = {
PORT: process.env.PORT || 8080,
HOST: process.env.HOST,
FRONT_END_HOST: process.env.FRONT_END_HOST,
WEATHER_API_KEY: process.env.OpenWeatherMap_API_KEY,
DATABASE: {
host: process.env.DB_HOST,

View File

@ -1,14 +1,14 @@
const { validationResult } = require('express-validator');
const bcrypt = require('bcryptjs');
const jwt = require('jsonwebtoken');
const uuid = require('uuid');
const errorHandling = require('../assets/utils/errorHandling');
const { serverError, generalError } = require('../assets/config/errors');
const { JWT_SECRET } = require('../assets/config/config');
const transporter = require('../assets/config/transporter');
const { EMAIL_INFO, HOST } = require('../assets/config/config');
const { emailTemplate } = require('../assets/config/emails');
const Users = require('../models/users');
const { validationResult } = require('express-validator');
const bcrypt = require('bcryptjs');
const jwt = require('jsonwebtoken');
const uuid = require('uuid');
const errorHandling = require('../assets/utils/errorHandling');
const { serverError, generalError } = require('../assets/config/errors');
const { JWT_SECRET, FRONT_END_HOST } = require('../assets/config/config');
const transporter = require('../assets/config/transporter');
const { EMAIL_INFO, HOST } = require('../assets/config/config');
const { emailTemplate } = require('../assets/config/emails');
const Users = require('../models/users');
exports.register = async (req, res, next) => {
const { name, email, password } = req.body;
@ -18,7 +18,7 @@ exports.register = async (req, res, next) => {
}
try {
const hashedPassword = await bcrypt.hash(password, 12);
const tempToken = uuid.v4();
const tempToken = uuid.v4();
await Users.create({ email, name, password: hashedPassword, tempToken });
await transporter.sendMail({
from: `"FunctionProject" <${EMAIL_INFO.auth.user}>`,
@ -67,7 +67,58 @@ exports.confirmEmail = async (req, res, next) => {
user.tempToken = null;
user.isConfirmed = true;
await user.save();
return res.redirect('https://function.divlo.fr');
return res.redirect(`${FRONT_END_HOST}/login`);
} catch (error) {
console.log(error);
errorHandling(next, serverError);
}
}
exports.resetPassword = async (req, res, next) => {
const { email } = req.body;
const errors = validationResult(req);
if (!errors.isEmpty()) {
return errorHandling(next, { message: errors.array()[0].msg, statusCode: 400 });
}
try {
const user = await Users.findOne({ where: { email, tempToken: null } });
if (!user) {
return errorHandling(next, { message: "L'adresse email n'existe pas ou une demande est déjà en cours.", statusCode: 400 });
}
const tempToken = uuid.v4();
user.tempExpirationToken = Date.now() + 3600000; // 1 heure
user.tempToken = tempToken;
await user.save();
await transporter.sendMail({
from: `"FunctionProject" <${EMAIL_INFO.auth.user}>`,
to: email,
subject: "FunctionProject - Réinitialisation du mot de passe",
html: emailTemplate("Veuillez confirmer la réinitialisation du mot de passe", "Oui, je change mon mot de passe.", `${FRONT_END_HOST}/new-password?token=${tempToken}`, "Si vous avez reçu ce message par erreur, il suffit de le supprimer. Votre mot de passe ne sera pas réinitialiser si vous ne cliquez pas sur le lien ci-dessus. Par ailleurs, pour la sécurité de votre compte, la réinitialisation du mot de passe est disponible pendant un délai de 1 heure, passez ce temps, la réinitialisation ne sera plus valide.")
});
return res.status(200).json({ result: "Demande de réinitialisation du mot de passe réussi, veuillez vérifier vos emails!" });
} catch (error) {
console.log(error);
errorHandling(next, serverError);
}
}
exports.newPassword = async (req, res, next) => {
const { tempToken, password } = req.body;
const errors = validationResult(req);
if (!errors.isEmpty()) {
return errorHandling(next, { message: errors.array()[0].msg, statusCode: 400 });
}
try {
const user = await Users.findOne({ where: { tempToken } });
if (!user && parseInt(tempExpirationToken) < Date.now()) {
return errorHandling(next, { message: "Le token n'est pas valide.", statusCode: 400 });
}
const hashedPassword = await bcrypt.hash(password, 12);
user.password = hashedPassword;
user.tempToken = null;
user.tempExpirationToken = null;
await user.save();
return res.status(200).json({ result: "Le mot de passe a bien été modifié!" });
} catch (error) {
console.log(error);
errorHandling(next, serverError);

View File

@ -8,6 +8,9 @@ const UsersRouter = Router();
// Permet de se connecter
UsersRouter.post('/login', usersController.login);
// TODO: Récupère les informations public d'un profil
// UsersRouter.get('/profile/:userName', usersController.getUserInfo);
// Permet de s'inscrire
UsersRouter.post('/register', [
body('email')
@ -53,4 +56,18 @@ UsersRouter.post('/register', [
// Confirme l'inscription
UsersRouter.get('/confirm-email/:tempToken', usersController.confirmEmail);
// Demande une réinitialisation du mot de passe
UsersRouter.post('/reset-password', [
body('email')
.isEmail()
.withMessage("Veuillez rentré une adresse mail valide.")
], usersController.resetPassword);
// Nouveau mot de passe
UsersRouter.put('/reset-password', [
body('password')
.isLength({ min: 4 })
.withMessage("Votre mot de passe est trop court!")
], usersController.newPassword);
module.exports = UsersRouter;

4211
website/package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -11,7 +11,7 @@
"@zeit/next-css": "^1.0.1",
"axios": "^0.19.2",
"html-react-parser": "^0.10.2",
"next": "9.3.1",
"next": "9.3.2",
"next-fonts": "^1.0.3",
"nprogress": "^0.2.0",
"react": "16.13.0",

39
website/pages/login.js Normal file
View File

@ -0,0 +1,39 @@
import { Fragment } from 'react';
import HeadTag from '../components/HeadTag';
import '../public/css/pages/register-login.css';
const Login = () => {
return (
<Fragment>
<HeadTag
title="Se connecter"
description="Connexion à FunctionProject."
/>
<div className="container Register-Login__container">
<div className="row Register-Login__row justify-content-center">
<div className="col-20">
<h1 className="Register-Login__title">Se connecter</h1>
<form>
<div className="form-group">
<label className="form-label" htmlFor="name">Email :</label>
<input type="email" name="email" id="email" className="form-control" placeholder="email@gmail.com" />
</div>
<div className="form-group">
<label className="form-label" htmlFor="name">Mot de passe :</label>
<input type="password" name="password" id="password" className="form-control" placeholder="******" />
</div>
<div className="form-group text-center">
<button type="submit" className="btn btn-dark">Envoyer</button>
</div>
</form>
<div className="form-result text-center"></div>
</div>
</div>
</div>
</Fragment>
);
}
export default Login;