Saltar al contenido principal

🌐 Crear servidor y web con OpenCode

Hasta ahora hemos utilizado OpenCode principalmente desde la terminal, pero la herramienta ofrece opciones mucho más avanzadas para acceder a ella desde cualquier lugar.

En esta clase veremos cómo exponer OpenCode mediante un servidor y cómo utilizar su interfaz web para trabajar con nuestros proyectos de forma visual.

🚀 Crear un servidor con OpenCode

Una de las funcionalidades más interesantes es la posibilidad de levantar un servidor directamente desde OpenCode.

Para ello se utiliza:

opencode serve

Al ejecutar este comando, OpenCode inicia un servicio accesible mediante un puerto local, permitiendo interactuar con la herramienta desde el navegador.

🔐 Proteger el acceso con contraseña

Por defecto, el servidor puede iniciarse sin contraseña.

Sin embargo, es posible configurar una clave para restringir el acceso:

opencode server password

Una vez configurada, cualquier usuario deberá autenticarse antes de acceder a la instancia.

Esto resulta especialmente útil si el servidor va a exponerse fuera de la red local.

🌍 Acceder desde cualquier lugar

Una de las ventajas más potentes de esta funcionalidad es que puedes exponer la IP públicamente si lo deseas.

Esto significa que podrías conectarte a tu entorno de OpenCode desde cualquier lugar del mundo.

De esta forma tendrías acceso a:

  • Tus proyectos
  • El historial de cambios
  • Las acciones realizadas por el agente
  • Los archivos modificados
  • Los commits generados
  • El contexto completo de trabajo

Todo ello sin necesidad de estar físicamente delante de la máquina donde se está ejecutando OpenCode.

📜 Historial completo de las acciones

El servidor permite consultar toda la actividad realizada por OpenCode.

Puedes revisar:

  • Qué archivos fueron modificados
  • Qué cambios se realizaron
  • Qué elementos fueron eliminados
  • Qué elementos permanecieron intactos
  • Los commits semánticos generados
  • El resultado de cada ejecución

Esto facilita enormemente la revisión y auditoría del trabajo realizado por el agente.

🖥️ OpenCode Web

Además del servidor, OpenCode también dispone de una interfaz gráfica llamada OpenCode Web.

Esta interfaz reproduce la misma experiencia de OpenCode pero dentro del navegador.

Su principal ventaja es que permite trabajar sin depender exclusivamente de la terminal.

🎨 Una interfaz visual completa

OpenCode Web incorpora múltiples herramientas para facilitar el trabajo diario.

Entre ellas encontramos:

💬 Chat con el agente

Puedes interactuar con OpenCode utilizando una interfaz conversacional similar a otras herramientas modernas de IA.

🖥️ Terminal integrada

La interfaz incluye una terminal integrada desde la que seguir ejecutando comandos cuando sea necesario.

📁 Explorador de archivos

Es posible navegar por los archivos del proyecto directamente desde la interfaz web.

🔍 Visualización de diferencias (Diff)

Cuando OpenCode modifica archivos, puedes inspeccionar los cambios realizados mediante una vista de diferencias.

Esto permite revisar:

  • Qué líneas se añadieron
  • Qué líneas se eliminaron
  • Qué modificaciones se realizaron
  • El impacto exacto de cada cambio

🔄 Una alternativa a la terminal

Aunque OpenCode está diseñado para funcionar perfectamente desde la línea de comandos, OpenCode Web ofrece una experiencia más visual para quienes prefieren trabajar desde el navegador.

Ambas opciones utilizan el mismo motor y permiten acceder a las mismas capacidades.

La elección depende únicamente de tus preferencias de trabajo.

🤝 Compartir OpenCode Web

Otra ventaja interesante es que la interfaz web también puede compartirse.

Esto abre la puerta a escenarios colaborativos donde otras personas pueden acceder al entorno de trabajo de forma controlada.

📌 Ideas clave de esta clase

Quédate con estos conceptos:

  • OpenCode puede ejecutarse como servidor
  • El comando principal es opencode serve
  • El acceso puede protegerse mediante contraseña
  • Es posible exponer el servidor públicamente
  • Puedes acceder a tus proyectos desde cualquier lugar
  • OpenCode Web ofrece una interfaz gráfica completa
  • Incluye chat, terminal, explorador de archivos y visualización de cambios
  • Permite revisar el historial completo de acciones realizadas por el agente
  • La experiencia web y la experiencia en terminal comparten las mismas capacidades

🚀 Lo siguiente

Ahora ya conoces las capacidades de OpenCode para funcionar más allá de la terminal.

Con el servidor y la interfaz web puedes acceder a tus proyectos desde cualquier dispositivo, supervisar el trabajo realizado por el agente y disponer de una experiencia mucho más visual cuando lo necesites.

💡 Tip: Aunque la interfaz web es muy cómoda para revisar cambios y explorar proyectos, sigue siendo recomendable familiarizarse con la terminal, ya que muchas funcionalidades avanzadas de OpenCode nacen precisamente en ese entorno.