> ## Documentation Index
> Fetch the complete documentation index at: https://private-7c7dfe99-trino-dialect.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Primeros pasos con ClickStack Open Source

> Ejecute ClickStack Open Source localmente, envíe datos de prueba y confirme que la ingestión funciona

export const Image = ({img, alt, size = "lg"}) => {
  const normalizedSize = ["sm", "md", "lg"].includes(size) ? size : "lg";
  return <div className={`ch-image-${normalizedSize}`}>
      <Frame>
        <img src={img} alt={alt} />
      </Frame>
    </div>;
};

Ejecute ClickStack Open Source de forma local, envíe un evento de prueba a través de su OpenTelemetry Collector y confirme que el evento está disponible en la UI de ClickStack.

Con ClickStack Open Source, puede ejecutar y administrar el backend de ClickHouse, la UI de ClickStack y el pipeline de ingestión. La imagen todo en uno incluye estos componentes junto con MongoDB en un único contenedor Docker para realizar evaluaciones y pruebas locales.

<Tip>
  También está disponible una versión administrada de ClickStack; consulte [Managed ClickStack](/es/clickstack/getting-started/managed).
</Tip>

Los pasos siguientes utilizan la imagen todo en uno autenticada. Si desea una UI local sin crear una cuenta, siga la [guía del modo local con Docker](/es/clickstack/deployment/local-mode-only).

<div id="before-you-begin">
  ## Antes de empezar
</div>

Instala [Docker](https://docs.docker.com/get-docker/) y confirma que los siguientes puertos estén disponibles:

* `8080` para la UI de ClickStack
* `4317` para OTLP mediante gRPC
* `4318` para OTLP mediante HTTP
* `8123` para la interfaz HTTP de ClickHouse

Para cargas de trabajo sostenidas o en producción, consulta las [opciones de implementación de código abierto](/es/clickstack/deployment/oss) y [Pasar a producción](/es/clickstack/managing/production).

<div id="set-up-clickstack-open-source">
  ## Configura ClickStack Open Source con la imagen todo en uno
</div>

<Steps titleSize="h3">
  <Step title="Inicia ClickStack" id="deploy-stack-with-docker">
    Ejecuta la imagen todo en uno:

    ```shell theme={null}
    docker run \
      --name clickstack \
      -p 8123:8123 \
      -p 8080:8080 \
      -p 4317:4317 \
      -p 4318:4318 \
      clickhouse/clickstack-all-in-one:latest
    ```

    El contenedor se ejecuta en primer plano. Deja esta terminal abierta y usa una segunda terminal para ejecutar los comandos restantes de esta guía.

    <Accordion title="Conserva los datos y la configuración">
      Para conservar la configuración de ClickStack, los datos y los logs de ClickHouse después de eliminar el contenedor, ejecuta este comando en su lugar:

      ```shell theme={null}
      docker run \
        --name clickstack \
        -p 8123:8123 \
        -p 8080:8080 \
        -p 4317:4317 \
        -p 4318:4318 \
        -v "$(pwd)/.volumes/db:/data/db" \
        -v "$(pwd)/.volumes/ch_data:/var/lib/clickhouse" \
        -v "$(pwd)/.volumes/ch_logs:/var/log/clickhouse-server" \
        clickhouse/clickstack-all-in-one:latest
      ```

      `$(pwd)` se resuelve como tu directorio actual. Este comando almacena los archivos persistentes en el directorio `.volumes` de esa ubicación.
    </Accordion>
  </Step>

  <Step title="Abre ClickStack" id="navigate-to-hyperdx-ui">
    Cuando ClickStack se inicie, abre [http://localhost:8080](http://localhost:8080) y crea una cuenta.

    ClickStack se conecta automáticamente a la instancia de ClickHouse incluida y crea fuentes de datos para logs, trazas, métricas y sesiones.

    #### Copia el API key de ingestión

    En la sección **Primeros pasos** del menú izquierdo, selecciona **Agregar datos** y copia el **API key de ingestión**. La telemetría enviada al OpenTelemetry Collector incluido debe incluir esta clave en el header `authorization`.
  </Step>

  <Step title="Envía datos de prueba" id="send-test-data">
    En la segunda terminal, exporta el API key de ingestión:

    ```shell theme={null}
    export CLICKSTACK_API_KEY=<your_ingestion_api_key>
    ```

    Envía un log OTLP con la marca de tiempo actual:

    ```shell theme={null}
    NOW_NANO="$(date +%s)000000000"

    curl -i "http://localhost:4318/v1/logs" \
      -H "Content-Type: application/json" \
      -H "authorization: ${CLICKSTACK_API_KEY}" \
      --data-binary @- <<EOF
    {
      "resourceLogs": [{
        "resource": {
          "attributes": [{
            "key": "service.name",
            "value": {"stringValue": "clickstack-docs-test"}
          }]
        },
        "scopeLogs": [{
          "scope": {"name": "clickstack-docs-test"},
          "logRecords": [{
            "timeUnixNano": "${NOW_NANO}",
            "severityText": "INFO",
            "body": {"stringValue": "ClickStack ingestion test"}
          }]
        }]
      }]
    }
    EOF
    ```

    Una solicitud correcta devuelve `HTTP/1.1 200 OK`.
  </Step>

  <Step title="Confirma la ingestión" id="confirm-ingestion">
    Abre la vista **Búsqueda** en ClickStack y busca `ClickStack ingestion test`.

    El resultado debería incluir el evento de prueba con el nombre de servicio `clickstack-docs-test`.

    <Image img="https://mintcdn.com/private-7c7dfe99-trino-dialect/yEEl6qs9WF6UaX4A/images/clickstack/getting-started/clickstack_ingestion_test_oss.webp?fit=max&auto=format&n=yEEl6qs9WF6UaX4A&q=85&s=daa25e27c8b338c09905261a30c78b4a" size="lg" alt="Vista de logs de ClickStack Open Source que muestra el evento de prueba de ingestión de ClickStack" border width="3838" height="1984" data-path="images/clickstack/getting-started/clickstack_ingestion_test_oss.webp" />
  </Step>
</Steps>

Ahora tienes una instancia local de ClickStack, un endpoint de ingestión operativo y un evento de prueba que puedes inspeccionar en ClickStack.

<div id="next-steps">
  ## Próximos pasos
</div>

<div id="send-application-and-infrastructure-data">
  ### Envíe datos de aplicaciones e infraestructura
</div>

Elija una guía según los datos que desee enviar a ClickStack:

<CardGroup cols={2}>
  <Card title="Instrumente una aplicación" icon="code" href="/es/clickstack/ingesting-data/sdks/index">
    Envíe trazas y logs de aplicaciones con un SDK de OpenTelemetry compatible.
  </Card>

  <Card title="Recopile logs del host" icon="server" href="/es/clickstack/integration-examples/host-logs">
    Reenvíe logs del host desde un OpenTelemetry Collector que se ejecuta con el rol de agente.
  </Card>

  <Card title="Supervise Kubernetes" icon="cubes" href="/es/clickstack/integration-examples/kubernetes">
    Recopile logs, métricas y trazas de un clúster de Kubernetes.
  </Card>

  <Card title="Explore otras integraciones" icon="plug" href="/es/clickstack/integration-examples/index">
    Encuentre guías para aplicaciones y fuentes de telemetría adicionales.
  </Card>
</CardGroup>

<div id="explore-sample-data">
  ### Explorar datos de ejemplo
</div>

Use un conjunto de datos de ejemplo para explorar ClickStack con telemetría más completa:

<CardGroup cols={2}>
  <Card title="Logs, trazas y métricas de ejemplo" href="/es/clickstack/example-datasets/sample-data">
    <img src="https://mintcdn.com/private-7c7dfe99-trino-dialect/yEEl6qs9WF6UaX4A/images/clickstack/example-trace-dashboard.webp?fit=max&auto=format&n=yEEl6qs9WF6UaX4A&q=85&s=36ac72137ebd6b3678c20d365fb2f6d6" alt="" width="1919" height="969" data-path="images/clickstack/example-trace-dashboard.webp" />

    Cargue datos de la demo pública y diagnostique un issue.
  </Card>

  <Card title="Logs y métricas locales" href="/es/clickstack/example-datasets/local-data">
    <img src="https://mintcdn.com/private-7c7dfe99-trino-dialect/V_i7rF59rG-XogPH/images/clickstack/host-logs/host-logs-dashboard.webp?fit=max&auto=format&n=V_i7rF59rG-XogPH&q=85&s=afeba8a19ad65ebb99f39c7308b2ac04" alt="" width="3808" height="1908" data-path="images/clickstack/host-logs/host-logs-dashboard.webp" />

    Recopile archivos locales y métricas del sistema en macOS o Linux.
  </Card>
</CardGroup>

Para explorar datos precargados sin instalar Docker, use la [demo alojada de ClickStack](/es/clickstack/example-datasets/remote-demo-data).

<div id="generate-synthetic-data">
  ### Generar datos sintéticos
</div>

Use un generador para probar la ingestión sin necesidad de una aplicación o un conjunto de datos existentes:

<CardGroup cols={2}>
  <Card title="Generar datos con otelgen" icon="terminal" href="/es/clickstack/example-datasets/otelgen">
    Envíe una breve ráfaga de logs, trazas y métricas sintéticos mediante OTLP.
  </Card>

  <Card title="Generar datos con telemetrygen" icon="terminal" href="/es/clickstack/example-datasets/telemetrygen">
    Genere señales configurables de OpenTelemetry en varios servicios.
  </Card>
</CardGroup>

Consulte [todos los datos de ejemplo y las demos de ClickStack](/es/clickstack/example-datasets/index).

<div id="prepare-for-production">
  ### Preparación para producción
</div>

Revise las recomendaciones de implementación y producción antes de usar ClickStack con cargas de trabajo sostenidas:

<CardGroup cols={2}>
  <Card title="Pasar a producción" icon="shield" href="/es/clickstack/managing/production">
    Revise las credenciales de ingestión, la seguridad, la retención y las recomendaciones operativas.
  </Card>

  <Card title="Elegir un modelo de implementación" icon="server" href="/es/clickstack/deployment/oss">
    Compare las opciones de implementación de código abierto para su entorno.
  </Card>
</CardGroup>
