Importante

Para poder desplegar correctamente la aplicación, se ha creado este repositorio, a partir del repositorio original: https://github.com/Arquisoft/lomap_es5a. Este repositorio contiene ciertas modificaciones que es importante tener en cuenta:

1. Nuevo fichero para el workflow del depliegue. Denominado ci_production.yml

2. webapp/package.json

   • Parámetro homepage:
   
   

     "homepage": "https://franciscocoya.github.io/lomapes05a_production/"

   • Scripts. Añadido un nuevo script, para deplegar en gh-pages de forma manual. Al utilizar el workflow, no es necesario, pero es recomendable tenerlo presente.
     
     

    "deploy": "gh-pages -d build"

   
   

3. Cambio de la url base de la aplicación de http://localhost:3000 a la url de producción. Para ello, se han modificado los siguiente ficheros:

• webapp/src/routes/index.ts: Sobre las líneas 2-3.

const BASE_PATH = "https://franciscocoya.github.io/lomapes05a_production/";

• webapp/src/index.tsx. Agregando la prop basename a BrowseRouter de react-router-dom: Sobre la línea 8

const app = (
  <SessionProvider sessionId="lomap-solid-ssid">
    <BrowserRouter basename="/lomapes05a_production">
      <App />
    </BrowserRouter>
  </SessionProvider>
);

• webapp/src/components/menus/IconMenuItem.tsx:

  const handleRedirect = async (e: any) => {
    if (name === "Cerrar sesión") {
      e.preventDefault();
      sessionStorage.clear();
      await session.logout().then(() => {
        window.location.href = BASE_PATH;
      });
    }
    navigate(url ?? "#");
  };

• webapp/src/components/asides/accountAside/TopAccountAside.tsx:

  const handleRedirect = async (e: any) => {
    if (name === "Cerrar sesión") {
      e.preventDefault();
      sessionStorage.clear();
      await session.logout().then(() => {
        window.location.href = BASE_PATH;
      });
    }
    navigate(url ?? "#");
  };

Nota

Se han eliminado los ficheros y comandos realizacionados con el linter eslint para facilitar el worflow.