# Servir archivos a navegadores web
🤖/file/serve sirve archivos a navegadores web.
Cuando quieras que Transloadit transforme archivos al vuelo, puedes usar este Robot para determinar qué Step de un Template debe entregarse al usuario final (mediante una CDN), así como para agregar información adicional a los archivos entregados, como encabezados. De esta manera, por ejemplo, puedes indicarle a la CDN durante cuánto tiempo debe conservar copias en caché del resultado. De forma predeterminada, indicamos a los navegadores que almacenen el resultado en caché durante 72h (`259200` segundos) y a las CDN que almacenen el contenido en caché durante 24h (`86400` segundos). Usa el parámetro `cache_duration` para personalizar ambos valores a la vez.
🤖/file/serve actúa únicamente como capa de enlace entre nuestro motor de Assembly y la entrega de archivos mediante HTTP. Te permite seleccionar, mediante el parámetro `use`, el resultado adecuado de una serie de Steps y configurar encabezados en el contenido original. Ahí terminan sus responsabilidades. A continuación, 🤖/tlcdn/deliver se encarga de distribuir globalmente este contenido original y de garantizar que se almacene en caché cerca de tus usuarios finales cuando hagan solicitudes como [https://my-app.tlcdn.com/resize-img/canoe.jpg?w=500](https://my-app.tlcdn.com/resize-img/canoe.jpg?w=500), entre otras. 🤖/tlcdn/deliver no forma parte de tus Assembly Instructions, pero puede aparecer en tus facturas, ya que la distribución de las copias en caché genera cargos por ancho de banda. 🤖/file/serve solo genera cargos cuando la CDN no tiene una copia en caché y solicita que se vuelva a generar el contenido original, lo cual, según tu configuración de caché, podría suceder apenas una vez al mes o al año por cada archivo o transformación.
Aunque en teoría podrías usar [🤖/file/serve](/es/docs/robots/file-serve.md) directamente en archivos HTML, recomendamos firmemente no hacerlo. Si tu sitio se vuelve popular y la URL del contenido multimedia que gestiona /file/serve recibe un millón de solicitudes, se realizarán un millón de nuevos cambios de tamaño de imagen. Colocarlo detrás de una CDN (y aprovechar el almacenamiento en caché que esta proporciona) garantiza que tanto los cargos de encoding como las latencias se mantengan bajos.
Considera también configurar encabezados de caché y directivas de control de caché para controlar cómo se almacena en caché y se invalida el contenido en los servidores perimetrales de la CDN, equilibrando la actualización del contenido y la eficiencia.
## Seguridad de Smart CDN con URL firmadas
Puedes aprovechar las [URL firmadas de Smart CDN](/es/docs/api/authentication.md#smart-cdn) para evitar el uso indebido de nuestra plataforma de encoding. A continuación se muestra un ejemplo rápido de Node.js que usa nuestro SDK de Node, y también hay [ejemplos para otros lenguajes y SDK](/es/docs/api/authentication.md#example-code).
```javascript
// yarn add transloadit
// or
// npm install --save transloadit
import { Transloadit } from 'transloadit'
const transloadit = new Transloadit({
authKey: 'YOUR_TRANSLOADIT_KEY',
authSecret: 'YOUR_TRANSLOADIT_SECRET',
})
const url = transloadit.getSignedSmartCDNUrl({
workspace: 'YOUR_WORKSPACE',
template: 'YOUR_TEMPLATE',
input: 'image.png',
urlParams: { height: 100, width: 100 },
})
console.log(url)
```
Esto generará una URL firmada de Smart CDN que incluye parámetros de autenticación, lo que impide el acceso no autorizado a tus endpoints de transformación.
Para integraciones nuevas, usa el formato moderno `sig` + `exp`. Las firmas heredadas `s` están obsoletas. Ten en cuenta también que el periodo de vencimiento funciona en la práctica como periodo de caché para los resultados firmados: los vencimientos más cortos refuerzan el control de acceso, mientras que los más largos mejoran la reutilización de la caché y reducen el volumen de encoding.
## Más información
* [Entrega de contenido](/es/services/content-delivery.md)
* Precios de [🤖/file/serve](/es/docs/robots/file-serve.md)
* Precios de [🤖/tlcdn/deliver](/es/docs/robots/tlcdn-deliver.md)
* Publicación del blog sobre la [función de vista previa de archivos EN (English)](/blog/2024/06/file-preview-with-smart-cdn.md)
## Ejemplo de uso
Entrega archivos transformados con una duración explícita de la caché del navegador y de la CDN:
```
{
"steps": {
"resized": {
"robot": "/image/resize",
"use": ":original",
"width": 800,
"height": 450,
"resize_strategy": "fit"
},
"served": {
"robot": "/file/serve",
"use": "resized",
"cache_duration": 86400
}
}
}
```
## Parámetros
*
### `interpolate`
`boolean | Record`\
Controla si las Assembly Variables se interpolan en campos de instrucciones individuales.\
De forma predeterminada, la mayoría de los campos de instrucciones de los Robots interpolan Assembly Variables. Establece esta opción en `false` para tratar todos los campos de instrucciones como texto literal, o establece la ruta de un campo individual en `false` para tratar únicamente ese campo como texto literal. En el caso de los campos específicos de un Robot que son literales de forma predeterminada, establece esta opción en `true` o la ruta de ese campo en `true` para volver a habilitar la interpolación.\
Usa nombres de campos como `path` o rutas con puntos como `ffmpeg.vf` para los objetos anidados.
*
### `output_meta`
`Record | boolean | Array`\
Te permite especificar un conjunto de metadatos cuyo cálculo requiere más recursos de CPU y que, por lo tanto, está desactivado de forma predeterminada para que tus Assemblies se procesen rápidamente.\
Para imágenes, puedes añadir `"has_transparency": true` a este objeto para determinar si la imagen contiene partes transparentes y `"dominant_colors": true` para extraer un array de códigos de color hexadecimales de la imagen.\
Para imágenes, también puedes añadir `"blurhash": true` para extraer una cadena [BlurHash](https://blurha.sh), una representación compacta de un marcador de posición para la imagen que resulta útil para mostrar una vista previa desenfocada mientras se carga la imagen completa.\
Para videos, puedes añadir el parámetro `"colorspace": true` para extraer el espacio de color del video de salida.\
Para videos, también puedes añadir `"interlaced": true` para detectar si el video está entrelazado. Esto combina el indicador `field_order` de ffprobe, cuyo costo en recursos de procesamiento es bajo, con una pasada de muestreo limitada mediante `idet` sobre los primeros fotogramas de la fuente, y expone `interlaced`, `field_order` y un objeto de diagnóstico `interlace_detection` en `file.meta`. Esto requiere muchos recursos computacionales y se factura en consecuencia.\
Para audio, puedes añadir `"mean_volume": true` para obtener un único valor que represente el volumen promedio del archivo de audio.\
También puedes establecerlo en `false` para omitir la extracción de metadatos y acelerar la transcodificación.
*
### `user_meta`
`Record`(valor predeterminado: `{}`)\
Añade metadatos personalizados a cada archivo emitido por este Robot sin modificar el contenido del archivo.\
Los valores se combinan con los `user_meta` existentes en el archivo de entrada. Si ambos objetos contienen la misma clave, el valor de este Robot tiene prioridad. Se admiten Assembly Variables, por ejemplo `{ "internal_file_id": "${file.id}" }`.
*
### `result`
`boolean`(valor predeterminado: `false`)\
Indica si los resultados de este Step deben aparecer en el Assembly Status JSON
*
### `queue`
`batch`\
Establecer la cola en «batch» reduce manualmente la prioridad de los Jobs de este Step para evitar consumir cupos prioritarios con Jobs que no necesitan un tiempo de espera cero en la cola
*
### `force_accept`
`boolean`(valor predeterminado: `false`)\
Forzar a un Robot a aceptar un tipo de archivo que habría ignorado.\
De forma predeterminada, los Robots ignoran los archivos que no reconocen.[🤖/video/encode](/es/docs/robots/video-encode.md), por ejemplo, ignorará sin problemas las imágenes de entrada.\
Si configuras el parámetro `force_accept` como `true`, puedes forzar a los Robots a aceptar todos los archivos que reciban. Esto normalmente provocará errores y solo debe usarse para depuración o para abordar casos extremos.
*
### `ignore_errors`
`boolean | Array`(valor predeterminado: `[]`)\
Ignorar errores durante fases específicas del procesamiento.\
Establecer este parámetro en `["meta"]` hará que el Robot ignore los errores durante la extracción de metadatos.\
Establecer este parámetro en `["execute"]` hará que el Robot ignore los errores durante la fase principal de ejecución.\
Configurar este parámetro como `true` equivale a `["meta", "execute"]` y hará que se ignoren los errores en ambas fases.
*
### `use`
`string | Array | Array