Crear una interfaz para tu Homelab

Crear una interfaz para tu Homelab

Hoy te voy a enseñar a crear una interfaz para tu Homelab, creando de forma sencilla un entorno más amigable.

¿Por qué crear una interfaz para tu Homelab?

Anteriormente ya vimos que Proxmox es una plataforma de virtualización que te permite ejecutar máquinas virtuales (VMs) y contenedores. Gracias a Proxmox puedes crear VMs con sistemas operativos completos (como Home Assistant, Plex, OpenMediaVault…) cada uno con su propia interfaz y su propia IP.

Y claro, aunque desde Proxmox puedes consultar el detalle de cada VM, su interfaz no es precisamente atractiva. Además, a medida que vas incrementando el número de servicios instalados cada vez es menos manejable recordar la IP de acceso a la interfaz de cada uno de ellos.

Por estos motivos vamos a crear una interfaz para tu Homelab, o dicho de otra manera, un panel atractivo con accesos directos a los servicios de nuestro servidor. Pero es que además vas a poder añadir accesos directos a tus páginas web favoritas y ‘widgets’ con información interesante.

Requisitos previos

Para crear una interfaz para tu Homelab como lo he hecho yo necesitas lo siguiente:

  • Un Mini PC. En mi caso voy a utilizar el LarkBox X que me ha mandado la gente de Chuwi. Tiene un procesador Intel N100 de 4 núcleos, 12 GB de RAM y 512 GB de almacenamiento (ampliable a 1 TB).
  • Haber instalado Proxmox en tu Mini PC y otros servicios.
🎁 Si lo compras en su página web, con el código 'AGUACATEC' obtendrás un descuento!!

-62%
CHUWI-Mini PC LarkBox X para juegos, Intel N100, 12th, 15W, 12GB, LPDDR5, 512GB, SSD, Windows 11, WiFi, 6, BT, 5,2, almacenamiento extendido de hasta 1TB
Aliexpress
183,29€ 482,35€
CHUWI-Mini PC LarkBox X para juegos, Intel N100, 12th, 15W, 12GB, LPDDR5, 512GB, SSD, Windows 11, WiFi, 6, BT, 5,2, almacenamiento extendido de hasta 1TB
-50%
CHUWI-LarkBox X Game Mini PC, Intel N100, gráficos UHD para procesadores Intel de 12ª generación, 12GB de RAM, 512GB SSD, WiFi 6, ordenador de escritorio
Aliexpress
172,05€ 344,11€
CHUWI-LarkBox X Game Mini PC, Intel N100, gráficos UHD para procesadores Intel de 12ª generación, 12GB de RAM, 512GB SSD, WiFi 6, ordenador de escritorio
CHUWI LarkBox X Mini PC Intel 12th N100 12GB LPDDR5 512GB SSD Windows 11 Salida de pantalla triple 4K Ultra HD WiFi 6 Bluetooth 5.2 Expandir memoria hasta 1TB
Aliexpress
585,71€
CHUWI LarkBox X Mini PC Intel 12th N100 12GB LPDDR5 512GB SSD Windows 11 Salida de pantalla triple 4K Ultra HD WiFi 6 Bluetooth 5.2 Expandir memoria hasta 1TB
-63%
CHUWI-Mini PC LarkBox X, Intel N100, gráficos UHD para procesadores Intel de 12ª generación, 12GB de RAM, 512GB SSD, WiFi 6, ordenador de escritorio
Aliexpress
157,48€ 435,78€
CHUWI-Mini PC LarkBox X, Intel N100, gráficos UHD para procesadores Intel de 12ª generación, 12GB de RAM, 512GB SSD, WiFi 6, ordenador de escritorio
*Algún precio puede haber cambiado desde la última revisión

Instalación de la interfaz

Sigue estos sencillos pasos para crear una interfaz para tu Homelab:

  1. Entra en la página web de Helper Scripts y despliega el apartado «Dashboards». Puedes entrar en cada uno de ellos para acceder a su página web, y ver una demo de como se vería tu panel. En mi caso me he decidido por Homarr, uno de los más conocidos y que tiene una interfaz minimalista que me ha convencido.
  2. En la interfaz de Proxmox, pulsa sobre el nombre de tu servidor y al hacerlo aparecerá un segundo menú lateral a su derecha.
  3. Pulsa sobre «Consola» para acceder al terminal del servidor, que aparecerá más a la derecha.
  4. Si también te ha gustado Homarr, accede a este enlace de Helper Scripts para obtener el comando correspondiente del script ‘Homarr LXC’. Para copiarlo sólo tienes que pulsar en el botón «Copy».
  5. Vuelve a la consola de Proxmox y pégalo (si no puedes hacerlo con el teclado, utiliza el botón del derecho del ratón o cópialo a mano). Pulsa enter para empezar su ejecución.
  6. Aparecerá un asistente preguntándote si quieres proceder con la instalación. Marca «Yes» y presiona la tecla ‘Enter’.
  7. Deja seleccionada la opción «Default Settings» y presiona la tecla ‘Enter’.
  8. Dale unos minutos para que ejecute el script por completo. Cuando la instalación termine te proporcionará una dirección URL con una IP para acceder a Homarr (por ejemplo, ‘http://192.168.1.55:3000/’). Cópiala en tu navegador para abrir la interfaz.
  9. Pulsa sobre el botón «Start update process» para crear tu cuenta de administrador, introduce las credenciales deseadas y pulsa en «Continue».
  10. Pulsa en «Go to your board» y listo! ya puedes empezar a crear una interfaz para tu Homelab!

Configuración de la interfaz

Lógicamente la gracia de crear una interfaz para tu Homelabes personalizarla a tu gusto. Para empezar con esta misión, te recomiendo que revises los siguientes puntos:

  • Si pulsas sobre tus iniciales, en la esquina superior derecha y seleccionas la opción «User preferences» podrás cambiar algunas opciones útiles. Por ejemplo, puedes aprovechar para seleccionar tu idioma o indicar cuál es tu buscador favorito.
  • Si pulsas sobre el icono del engranaje, a la izquierda de tus iniciales, podrás personalizar el panel. Por ejemplo, puedes cambiar el título del encabezado, el icono, el fondo, los colores… Por cierto, puedes copiar la URL de imágenes de páginas web como Wallpaper Cat o Flaticon para utilizarlas en tu ‘Dashboard’.
  • Si pulsas sobre el icono del lápiz entrarás en el «Modo Edición». Cada bloque o ‘widget’ tiene el icono de un engranaje en la esquina superior derecha. Si pulsas sobre él podrás modificarlo o eliminarlo. También puedes pulsar sobre ellos y arrastrarlos para cambiar su posición, o tirar desde su esquina inferior derecha para cambiar su tamaño. Además, si ahora pulsas sobre el icono que ha aparecido a la derecha del lápiz, podrás añadir nuevos bloques.
    • Añade aplicaciones. Esto es perfecto para crear accesos directos a tus servicios (por ejemplo, «Home Assistant»). Sólo tienes que configurar la IP de acceso al servicio y la URL de acceso. Probablemente sólo con poner el nombre del servicio te añada automáticamente el icono. También puedes utilizarlo para crear accesos directos a las páginas que más visitas.
    • Añade widgets. Algo muy interesante es que no sólo puedes añadir accesos directos, también puedes crear bloques con información super útil. Por ejemplo, puedes añadir un calendario o la información meteorológica, el estado de tu PC.
    • Crea categorías. Esta opción es muy útil para agrupar tus accesos directos por temática (por ejemplo, «Servicios», «Páginas web», «Impresión 3D»…).
🥑 Si quieres añadir un acceso directo a Aguacatec, indica la siguiente URL para utilizar nuestro icono 'https://aguacatec.es/wp-content/uploads/2024/02/cropped-Icono_verde.png'

Integración con Home Assistant

Algo muy interesante que puedes hacer, además de crear un acceso directo a tu instancia de Home Assistant, es integrarlo con Homarr. Al hacerlo podrás crear widgets para mostrar el estado de tus entidades, e incluso ejecutar automatizaciones desde la interfaz!

Para ello sigue estos pasos:

  1. En Home Assistant, pulsa sobre tu nombre de usuario en la esquina inferior izquierda y ve a la pestaña «Seguridad».
  2. Baja hasta el final de la ventana y pulsa en «Crear token». Dale un nombre (por ejemplo, «Homarr») y copia el código generado.
  3. En tu interfaz de Homarr, habilita el «Modo edición» y entra en los ajustes del bloque de la aplicación de Home Assistant (o créalo si aún no lo has hecho).
  4. Ve al apartado «Integración» y busca «Home Assistant» en el campo «Selecciona una integración». Después pega el código copiado en el paso 2 en el campo «New secret» y pulsa en «Guardar».
  5. Pulsa sobre el icono a la derecha del lápiz, en la esquina superior derecha («Añadir mosaico») y haz clic en «Widgets».
  6. Pulsa sobre el botón «Añadir al panel» bajo el bloque de «Entidad de Home Assistant» o «Automatización de Home Assistant».
  7. Esto añadirá un bloque a tu interfaz. Pulsa sobre el icono del engranaje para seleccionar la entidad deseada.
  8. Listo! Ya puedes añadir información de Home Assistant a tu interfaz!

Configúralo como tu página de inicio

Puede que ya lo hubieras pensado, pero creo que una de las cosas más útiles que puedes hacer tras crear una interfaz para tu Homelab es fijarla como la página de inicio en tu navegador predeterminado. De esta forma no puede ser más fácil acceder a todos tus servicios y sitios favoritos!!

💡 En Google Chrome puedes hacerlo pulsando en los 3 puntos de la esquina superior derecha y haciendo clic en "Configuración". Luego ve al apartado "Al iniciar" y selecciona la opción "Abrir una página específica o un conjunto de páginas". Por último, pulsa en "Añadir una nueva página" y copia la url de acceso a la interfaz de tu Homelab.
🛟 ¿Dudas? Si necesitas ayuda entra aquí 👈 🎁 Y si te ha gustado y quieres más... 🥑
Contenido exclusivo de Aguacatec