Generador de Configuración Nginx y .htaccess

Genera reglas válidas de Nginx o .htaccess de Apache para HTTPS, redirecciones www, cabeceras de seguridad, caché y rutas SPA. Sin ida y vuelta al servidor.

🌐 English

🔒 Privado por diseño: todo se genera localmente en tu navegador; nada se sube nunca a ningún servidor.

Escrito y mantenido por Última actualización

Cómo generar una configuración de Nginx o .htaccess

  1. Elige tu tipo de servidor: Nginx o Apache (.htaccess), según lo que use realmente tu hosting.
  2. Activa Forzar HTTPS, una dirección de redirección www, cabeceras de seguridad, gzip/caché, enrutado SPA y una página 404 personalizada según necesites.
  3. Pulsa Generar configuración, aparece debajo un bloque de configuración completo, listo para copiar.
  4. Cópialo en el bloque server de tu nginx.conf o en el archivo .htaccess de tu sitio, sustituyendo el dominio y las rutas de certificado de ejemplo por tus valores reales.

Por qué un generador visual de configuración

La sintaxis de configuración de Nginx y Apache es densa, poco tolerante a errores y fácil de estropear sutilmente, un punto y coma que falta en Nginx o un RewriteCond mal colocado en Apache puede tumbar todo un sitio o no hacer nada en silencio. La mayoría de la gente copia fragmentos de entradas de blog de hace años que no encajan del todo con su situación (servidor equivocado, dirección de redirección equivocada, cabeceras que chocan con el enrutado SPA). Esta herramienta en cambio construye cada regla a partir de un pequeño conjunto de patrones verificados y bien conocidos, y solo combina los que realmente pediste, en el orden correcto, para que obtengas un archivo coherente en lugar de cinco fragmentos dispares cosidos a mano.

Qué genera realmente cada opción

Sin ida y vuelta al servidor, sin cuenta

Cada fragmento se genera con JavaScript normal ejecutado en tu navegador, no se sube nada, no hace falta ninguna cuenta y la herramienta nunca contacta con una instancia real de Nginx o Apache. Eso también significa que es un generador de texto, no un validador: no puede hacer pruebas de carga de tu configuración ni detectar todas las posibles interacciones entre reglas. Despliega siempre primero en un entorno de staging.

Usos habituales

Cómo funciona, en imágenes

Captura de pantalla de la herramienta Generador de Configuración Nginx y .htaccess con Server type en Nginx (nginx.conf server block), Force HTTPS (redirect all HTTP requests) en on
Generador de Configuración Nginx y .htaccess en pleno proceso: Server type en Nginx (nginx.conf server block), Force HTTPS (redirect all HTTP requests) en on.
Captura de pantalla del resultado de Generador de Configuración Nginx y .htaccess mostrando la salida generada «server { listen 80; server_name your-domain.com …»
El resultado final: la salida generada «server { listen 80; server_name your-domain.com …». El enlace de descarga es una URL blob local: el archivo nunca sale de tu dispositivo.

Preguntas frecuentes

¿La configuración generada funcionará seguro en mi servidor?

Está construida a partir de directivas de Nginx y Apache estándar y ampliamente usadas, pero esta herramienta no puede conectarse a un servidor real para probarla por ti, todo se ejecuta en tu navegador sin ninguna ida y vuelta al servidor. Prueba siempre el archivo generado en un entorno de staging (o una instalación local de Nginx/Apache) antes de desplegarlo en producción.

¿Necesito editar algo antes de usar la configuración de Nginx?

Sí. El archivo generado usa valores de ejemplo, "your-domain.com" para server_name y rutas de ejemplo para el certificado y la clave SSL ("/etc/nginx/ssl/fullchain.pem"), que debes sustituir por tu dominio real y las rutas de tu certificado (por ejemplo, las que instala Let's Encrypt/certbot) antes de que la configuración sirva tu sitio de verdad.

¿Cuál es la diferencia entre Nginx y Apache (.htaccess) aquí?

Son servidores web distintos con una sintaxis de configuración completamente diferente. Nginx usa bloques "server { location {} }" y directivas como add_header/return, mientras que .htaccess de Apache usa RewriteEngine/RewriteRule para redirecciones y Header para cabeceras de seguridad, envuelto en bloques <IfModule>. Elige el que realmente use tu hosting, la mayoría de VPS y nubes usan Nginx, mientras que la mayoría del hosting compartido (cPanel, GoDaddy, Bluehost) usa Apache con .htaccess.

¿Por qué mi configuración de Nginx tiene dos bloques "server"?

Eso ocurre automáticamente cuando "Forzar HTTPS" está marcado. El primer bloque escucha en el puerto 80 y solo redirige las peticiones HTTP a HTTPS; el segundo escucha en el puerto 443 con SSL y contiene tu enrutado, cabeceras y reglas de caché reales. Es el mismo patrón de dos bloques que generan herramientas como certbot.

Activé tanto el enrutado SPA como una página 404 personalizada, ¿por qué no aparece la página 404?

Esto es lo esperado, no un fallo, y es más absoluto de lo que parece. El enrutado de aplicación de una sola página reescribe cualquier petición que no sea un archivo real en disco hacia index.html, así que la directiva 404 del archivo generado queda efectivamente inalcanzable para cualquier URL, no solo para "rutas de la app", una URL de imagen o script mal escrita también cae en index.html, exactamente igual que una ruta inexistente de la app, porque el servidor no tiene forma de distinguirlas. La única excepción reducida es el bloque de gzip/caché de Nginx, si también lo activas, su regla location separada para una lista fija de extensiones de recursos estáticos (css, js, jpg, jpeg, png, gif, ico, svg, woff, woff2) se comprueba antes que el comodín SPA, así que un enlace roto a una de esas extensiones concretas sí puede llegar a la página 404, todo lo demás, tanto en Nginx como en Apache, va a index.html. Si quieres que tu página 404 personalizada realmente aparezca en enlaces rotos, desactiva el enrutado SPA.

¿Esta herramienta envía mis opciones a un servidor?

No. Cada opción que eliges se combina en texto de configuración usando JavaScript normal ejecutado en tu navegador, no hay llamada a ninguna API, ni cuenta, ni ningún dato sale de tu dispositivo. Eso también significa que no hay forma de que esta herramienta valide o ejecute la configuración contra un binario real de Nginx/Apache; solo puede generar texto sintácticamente estándar.

¿Puedo añadir mis propias reglas encima del archivo generado?

Sí, la salida es un archivo de texto normal y editable. Pégala en tu bloque server de nginx.conf o en tu archivo .htaccess y añade cualquier directiva adicional que necesite tu proyecto por encima, por debajo o entre las secciones generadas.

Herramientas relacionadas