Autentificación de usuario

users/authservice/auth-service.js

@@ -38,6 +38,8 @@ app.post('/login', async (req, res) => {
     if (user && await bcrypt.compare(password, user.password)) {
       // Generate a JWT token
       const token = jwt.sign({ userId: user._id }, 'your-secret-key', { expiresIn: '1h' });
+      //Almacenamos el token del usuario para su autentificación
+      sessionStorage.setItem('token', token);
       // Respond with the token and user information
       res.json({ token: token, username: username, createdAt: user.createdAt });
     } else {

webapp/src/App.js

@@ -5,19 +5,30 @@ import Clasico from './pages/Clasico/Clasico.js';
 import WrongRoute from './pages/WrongRoute/WrongRoute.js';
 import './App.css';
 
-import {BrowserRouter, Routes, Route} from "react-router-dom";
+import {BrowserRouter, Routes, Route, Navigate} from "react-router-dom";
+
+//Autentificamos que el usuario este registrado en la aplicación
+const [authenticated, setAuthenticated] = useState(false);
 
 function App() {
   return (
     <BrowserRouter>
       <Routes>
         {/** Rutas públicas */}
-        <Route path={'/'} element={<Authenticate />}/>
+        <Route path='/' element={<Authenticate setAuthenticated={setAuthenticated} />} />
 
+        /**Rutas que estan protegidas si no estas registrado */
         {/** Rutas privadas */}
-        <Route path='/home' element={<Home />} />
-        <Route path='/home/clasico' element={<Clasico />} />
+        {authenticated ? (
+          <>
+            <Route path='/home' element={<Home />} />
+            <Route path='/home/clasico' element={<Clasico />} />
+          </>
+        ) : (
+          <Navigate to="/" />
+        )}
 
+        {/* Ruta por defecto */}
         <Route path='*' element={<WrongRoute />} />
       </Routes>
     </BrowserRouter>