---
title: "Inyectar variables de entorno dinámicamente en páginas de Cloudflare"
description: "¿Cómo inyectar variables de entorno dinámicamente en una aplicación de Cloudflare Pages?"
source: "https://www.launchfa.st/es/blog/injecting-env-cloudflare-pages"
author: "Rishi Raj Jain"
created_at: 2024-06-13T00:00:00.000Z
---

> **Site index for agents**
> Fetch https://www.launchfa.st/llms.txt to discover every page on this site.
> Every page is also available as Markdown by appending `.md` to its URL.

<img width="1600" height="900" alt="Injecting Environment Variables Dynamically in Cloudflare Pages" decoding="async" loading="eager" class="mt-4 border rounded-sm bg-cover bg-center bg-no-repeat transform will-change-auto" src="https://ik.imagekit.io/vjeqenuhn/launchfast-website/injecting-env-cloudflare-pages" />

En esta guía, aprenderá cómo inyectar variables de entorno dinámicamente en una aplicación de Cloudflare Pages.

## Requisitos previos

Necesitará lo siguiente:

- [Nodejs 18](https://nodejs.org/en/blog/announcements/v20-release-announce) o posterior
- Una cuenta de [Cloudflare](https://pagescloudflarecom/)

## Variables de entorno dinámico a través de wranglertoml

Como la configuración de las páginas de Cloudflare a través de wranglertoml ahora está en [beta abierta](https://developerscloudflarecom/pages/functions/wrangler-configuration/), puede usar este archivo como su administrador de variables de entorno (aparte de las variables de entorno definidas en Cloudflare). Configuración de páginas de su proyecto)

Como se indica en el archivo [example wranglertoml](https://developerscloudflarecom/pages/functions/wrangler-configuration/#example-wranglertoml-file), todas las variables en `[vars]` se implementan en las páginas de Cloudflare.

Ya entiendes la idea: inserta dinámicamente tus variables de entorno en `[vars]` como par clave-valor **Esto resulta útil cuando intentas aprovisionar algo en tu canal de CI/CD y luego necesitas que se utilicen los valores generados. como variables de entorno**

Un script simple para hacer lo mismo sería el siguiente:

```bash
echo "[vars]" >> wrangler.toml
echo "MY_ENV_NAME=MY_ENV_VALUE" >> wrangler.toml
```

Pero eso no es todo, hay un problema más con el uso de wranglertoml con Cloudflare Pages durante la implementación. Debe usar la última CLI en lugar de su GitHub Action obsoleto.

## Implementar en páginas de Cloudflare

Necesitará usar la CLI de Wrangler para implementar su aplicación en Cloudflare Pages. Ejecute el siguiente comando para implementar (después, si su aplicación tiene un paso de compilación):

```bash
npx wrangler@latest pages deploy --project-name="<name>"
```

<name>(Asegúrese de estar utilizando la última versión de Wrangler CLI para implementar en Cloudflare Pages)<small>

## Conclusión

En esta guía, aprendió cómo inyectar variables de entorno dinámicamente en Cloudflare Pages.

Si tiene alguna pregunta o comentario, no dude en comunicarse conmigo en [Twitter](https://twitter.com/direct_messages/create/rishi_raj_jain_)