---
title: "Dynamisches Einfügen von Umgebungsvariablen in Cloudflare-Seiten"
description: "Wie fügt man Umgebungsvariablen dynamisch in eine Cloudflare Pages-Anwendung ein?"
source: "https://www.launchfa.st/de/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" />

In diesem Leitfaden erfahren Sie, wie Sie Umgebungsvariablen dynamisch in eine Cloudflare Pages-Anwendung einfügen

## Voraussetzungen

Sie benötigen Folgendes:

- [Nodejs 18](https://nodejs.org/en/blog/announcements/v20-release-announce) oder höher
- Ein [Cloudflare](https://pagescloudflarecom/)-Konto

## Dynamische Umgebungsvariablen über wranglertoml

Da sich die Konfiguration von Cloudflare Pages über wranglertoml jetzt in der [offenen Beta](https://developerscloudflarecom/pages/functions/wrangler-configuration/) befindet, können Sie diese Datei als Ihren Umgebungsvariablenmanager verwenden (abgesehen von den in Cloudflare definierten Umgebungsvariablen). Seiteneinstellungen Ihres Projekts)

Wie in der Datei [example wranglertoml](https://developerscloudflarecom/pages/functions/wrangler-configuration/#example-wranglertoml-file) angegeben, werden alle Variablen in den „[vars]“ auf Cloudflare Pages bereitgestellt

Sie haben die Idee: Fügen Sie Ihre Umgebungsvariablen dynamisch als Schlüssel-Wert-Paar in „[vars]“ ein. **Dies ist praktisch, wenn Sie versuchen, etwas in Ihrer CI/CD-Pipeline bereitzustellen und dann die generierten Werte verwenden möchten als Umgebungsvariablen**

Ein einfaches Skript, um dasselbe zu tun, würde wie folgt aussehen:

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

Aber das ist noch nicht alles, es gibt noch ein weiteres Problem bei der Verwendung von wranglertoml mit Cloudflare Pages während der Bereitstellung. Sie müssen die neueste CLI anstelle der veralteten GitHub-Aktion verwenden

## Auf Cloudflare-Seiten bereitstellen

Sie müssen die Wrangler-CLI verwenden, um Ihre Anwendung auf Cloudflare Pages bereitzustellen. Führen Sie zum Bereitstellen den folgenden Befehl aus (danach, wenn Ihre Anwendung einen Build-Schritt hat):

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

<name>(Stellen Sie sicher, dass Sie die neueste Version von Wrangler CLI für die Bereitstellung auf Cloudflare-Seiten verwenden)<small>

## Abschluss

In diesem Leitfaden haben Sie erfahren, wie Sie Umgebungsvariablen dynamisch in Cloudflare Pages einfügen

Wenn Sie Fragen oder Kommentare haben, können Sie mich gerne auf [Twitter](https://twitter.com/direct_messages/create/rishi_raj_jain_).