Friki Work

En el desarrollo de aplicaciones modernas, es una necesidad común permitir a los usuarios "saltar" directamente a sistemas o plataformas de terceros desde nuestra propia aplicación, utilizando credenciales que ya gestionamos o conocemos. Esta funcionalidad, aunque a veces se asemeja a un Single Sign-On (SSO) rudimentario, difiere en q ...

Introducción al Manejo de CORS El mecanismo de Compartición de Recursos de Origen Cruzado (CORS) en aplicaciones web modernas permite solicitudes seguras entre dominios distintos. Spring Boot integra este soporte mediante configuración automática, simplificando la implementación de políticas CORS. Enterfaces y Claves Fundamentales Dos interface ...

Configuración de un servidor Express con Node.js Express es un marco de desarrollo minimalista basado en Node.js. A continuación, se muestra un ejemplo de cómo configurar un servidor básico. const express = require('express'); const servidor = express(); servidor.get('/api', (req, res) => { res.setHeader('Access-Control-Allow-Origin', ' ...

1. Configuración de CORS en el backend La política de mismo origen restringe la interacción entre scripts de JavaScript de un dominio y recursos de otro dominio distinto. Dos páginas se consideran del mismo origen si comparten el mismo protcoolo, host y númeero de puerto. import org.springframework.context.annotation.Bean; import org.springfram ...

Configuración de Nginx como proxy inverso Se puede utilizar Nginx para agregar los encabezados necesarios de CORS antes de enviar la solicitud al servidor backend. A continuación, se muestra un ejemplo de configuración simplificada en el bloque server de nginx.conf: location /api/ { if ($request_method = 'OPTIONS') { add_header 'Ac ...

Conceptos Básicos: ¿Por qué necesitamos Fetch? La API Fetch es una herramienta moderna para solicitudes de red proporcionada por el navegador, diseñada para reempalzar el Ajax tradicional (XMLHttpRequest). Sus características principales son: Basada en Promesas → Código más limpio y legible (elimina los callbacks anidados). Soporte para Stream ...

Problemas de crossorigin en Web Workers y su resolución con worker-loader Los Web Workers permiten ejecutar scripts en hilos separados, pero la carga de recursos desde dominios diferentes puede fallar por políticas de seguridad del navegador. La configuración de publicPath en worker-loader controla la ruta de carga de los scripts, solucionando ...

Spring Cloud Gateway es la solución oficial de Spring para las API gateways, construida sobre WebFlux para un alto rendimiento no bloqueante. Este documento detalla el establecimiento de una puerta de enlace para microservicios orientada a producción. Conceptos Fundamentales Ruta (Route): Componente básico que comprende un identificador, URI d ...

Introducción Este tutorial aborda la configuración segura de un servidor para MusePublic Art Studio, una herramienta de generación de imágenes basada en IA. El objetivo es implementar acceso mediante HTTPS para cifrar las comunicaciones y configurar el intercamibo de recursos entre orígenes (CORS) para permitir la integración con aplicaciones w ...

En el desarrollo web moderno, el manejo de recursos entre orígenes cruzados (CORS) es un componente esencial para conectar servicios de front end y backend. Next-Forge, una plantilla de grado producción para aplicaciones Next.js, incorpora estrategias preconfiguradas para gestionar solicitudes de dominios cruzados de manera segura y eficiente. ...