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

TODO: Page de connexion frontend et profil public

api/.env.example

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

api/assets/config/config.js

@@ -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,

api/controllers/users.js

@@ -4,7 +4,7 @@ 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 { 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');
@@ -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);

api/routes/users.js

@@ -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;

website/package.json

@@ -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",

website/pages/login.js

@@ -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;