apuntes de tecnologia

 en la raiz del proyecto crear un archivo llamado por ejemplo run.bat y luego ejecutarlo en la terminal shell tipeando "run" y clickear en enter. run.bat: @ echo off :: 1. Ajusta esta ruta a donde tengas instalado tu JDK 21 real set " JAVA_HOME = C:\Program Files\Eclipse Adoptium\jdk-21.0.9.10-hotspot" :: 2. Actualizamos el PATH temporalmente para esta ejecución set " PATH = %JAVA_HOME% \bin; %PATH% " echo --- Ejecutando con Java Personalizado --- java -version mvn clean spring-boot:run -Dspring-boot.run.profiles=local

  mvn spring-boot:run -Dspring-boot.run.profiles=local

 en el archivo vite.config.js se agrega un proxy a la direccion del api export default defineConfig ({   plugins : [ vue ()],   server : {     host : true ,     proxy : {       '/api' : {         target : 'http://localhost:8080' ,         changeOrigin : true       }     }   } }) en la view que llamamos al api, ahora la llamada será relativa:   // Llamada al endpoint que acabamos de crear en Quarkus     // Usamos backticks (`) para insertar la variable del slug     const response = await axios . get ( `/api/restaurants/ ${ props . slug } ` );     ¿Por qué esto soluciona el problema? Evita CORS: El navegador ve que la petición va al mismo origen (http://192.168.1.10:5173/api/...), por lo que no la bloquea. Conectividad: Al usar una ruta relativa, si abres la app desde tu móvil (192.168.1.10), la petición se hará correctament...

  1. Crear el proyecto Vue (Vite) Abre una terminal en la carpeta donde quieras tener tu frontend y ejecuta: Bash npm create vite@latest proyecto-frontend -- --template vue Luego, entra en la carpeta e instala las dependencias: Bash cd proyecto-frontend npm install 2. Instalar herramientas clave Para este proyecto necesitaremos Tailwind CSS (para el diseño) y Axios (para llamar a tu API de Java). Instalar Tailwind: Bash npm install -D tailwindcss postcss autoprefixer (No olvides configurar el archivo tailwind.config.js agregando ./index.html y ./src/**/*.{vue,js} en la sección content ). npm install @tailwindcss/postcss crear manualmente en la raiz del proyecto los sgts 2 archivos: tailwind.config.js con el sgt contenido: /** @type {import('tailwindcss').Config} */ export default { content: [ "./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}", ], theme: { extend: {}, }, plugins: [], } y postcss.config.js con el sgt contenido: expor...

  1. Generar el proyecto (Vía Web) Es la forma más visual de elegir tus dependencias: Ve a code.quarkus.io . Configura los metadatos: Group: com.tuproyecto Artifact: menu-backend Build Tool: Maven Selecciona las Extensiones (Dependencias): RESTEasy Reactive (Equivalente a Spring Web). Hibernate ORM with Panache (Para la base de datos). JDBC Driver - PostgreSQL (Para conectar con Supabase). RESTEasy Reactive Jackson (Para manejar JSON). Smallrye Health (Opcional, útil para que Render sepa que la app está viva). Haz clic en "Generate your application" , descarga el .zip y ábrelo en IntelliJ o VS Code. 2. Configurar la conexión a Supabase En Quarkus, toda la configuración va en un solo archivo: src/main/resources/application.properties . Copia esto y reemplaza con los datos que te da Supabase (en la sección Project Settings > Database ): Properties # Configuración de la Base de Datos quarkus.datasource.db-kind = postgresql quarkus.datasource.username = postgres qu...

en render: en las variables de entorno  de la aplicacion SPRING_DATASOURCE_URL : jdbc:postgresql://[EL_HOST_QUE_TE_DA_SUPABASE]:5432/postgres (Asegúrate de que empiece por jdbc:postgresql:// .). SPRING_DATASOURCE_USERNAME :  SPRING_DATASOURCE_PASSWORD :  Muchas veces, al conectar Spring Boot con Supabase desde un servidor externo como Render, la conexión falla porque falta el certificado SSL. agregar al final de la URL: ?ssl=true&sslmode=require Spring Boot usa HikariCP por defecto. Si no puede establecer la conexión inicial con Supabase en menos de 30 segundos, el "Bean" de la base de datos se crea incompleto y lanza ese NullPointerException . Solución: Añade estas variables de entorno en Render para darle más tiempo y estabilidad a la conexión: SPRING_DATASOURCE_HIKARI_CONNECTION_TIMEOUT : 30000 (30 segundos) SPRING_DATASOURCE_HIKARI_MAXIMUM_POOL_SIZE : 5 (El plan gratuito de Supabase tiene un límite de conexiones, no pongas un número alto aquí). Si ya configura...