Mike (@mikerb95)CodeByMike

Qué corre en cada máquina, qué artefacto se despliega en cada entorno de ejecución y por qué protocolo viaja cada cosa.

Es la vista de infraestructura que UML sí sabe expresar. Entre sus catorce tipos no hay ninguno llamado «diagrama de red»: el que representa máquinas, entornos de ejecución, artefactos desplegados y el enlace físico entre ellos es este. Dibujar una topología de red con símbolos inventados y llamarla UML sería lo contrario de respetar la notación, así que la topología va aparte y sin disfraz, enel diagrama de red: este dice dónde corre cada cosa; aquel, qué puede alcanzar a qué y qué lo filtra. Se usan en momentos distintos: uno al diseñar, otro al operar.

Complementa ael diagrama de componentes, que responde a la otra pregunta: aquel dice qué pieza de software ofrece y requiere qué interfaz; este dice dónde acaba corriendo cada una.

Notación

  • Caja tridimensional - nodoUn recurso de cómputo. Es la figura que UML reserva para esto: un rectángulo plano sería una clase o un componente.
  • «device» frente a«executionEnvironment»Lo primero se desenchufa; lo segundo se reinicia. Un entorno de ejecución siempre vive dentro de un dispositivo.
  • Rectángulo con la esquina doblada - artefactoAlgo físico que se despliega: un bundle, una base de datos, un binario. Va dentro del nodo que lo aloja.
  • Línea con «protocolo» - camino de comunicaciónUn enlace por el que dos nodos se hablan. Sin el estereotipo del protocolo sería una raya entre dos cajas.

Despliegue de producción (codebymike.tech)

Qué corre dónde y por dónde viaja cada cosa. El sistema no tiene servidor propio: todo el cómputo vive en la red de borde de Vercel, la persistencia es un servicio gestionado y los disparadores periódicos vienen de fuera, no de un proceso residente.

astro.config.mjs · src/middleware.ts · src/db/index.ts · .github/workflows/*

«HTTPS» TLS 1.3 · HSTS conpreload«HTTPS» Bearer CRON_SECRET«HTTPS» OAuth 2.0 y despliegue«libSQL/TLS»«HTTPS»«HTTPS» cobros y webhooks«HTTPS» push de alertas«device»Dispositivo del cliente«executionEnvironment» Navegador«artifact» bundle.js · styles.css«device»cron-job.org«artifact» disparadores programados«device»GitHub«artifact» repositorio + Actions«artifact» proveedor OAuth«device»Red de borde de Vercel«executionEnvironment» Routing Middlewaremiddleware.ts compilado«executionEnvironment» Fluid Compute · Node 22páginas SSR y rutas /api«artifact» dist/server · dist/client«device»Turso«artifact» base de producción«artifact» base de la demo«device»Vercel Blob«artifact» respaldos y capturas«device»Wompi«artifact» pasarela de pagos«device»ntfy.sh«artifact» canal de alertas

Los dos entornos de ejecución dentro de Vercel comparten máquina pero no responsabilidad: el middleware corre ANTES de la caché y decide si el request llega siquiera al runtime de la aplicación. Por eso los guardas de seguridad viven ahí y no en las páginas.