cflareOps

bearBoy80/cflareOps ↗ ·★ 1 ·TypeScript ·MIT

Un tableau de bord Cloudflare auto-hébergé pour gérer plusieurs comptes, Zones, DNS, Workers, Pages et analyses d'usage derrière Cloudflare Access.

cflareOps screenshot
Étoiles
★ 1
Langage
TypeScript
Licence
MIT
Cibles de déploiement
1

Aperçu

cflareOps est un tableau de bord d’exploitation auto-hébergé pour les personnes qui gèrent plusieurs comptes Cloudflare. Au lieu de passer d’un compte à l’autre et d’une page produit à l’autre, il regroupe les Zones, les enregistrements DNS, les scripts Workers, les projets Pages et les données d’usage dans une interface d’administration bilingue. Le projet est particulièrement pertinent pour les usages gratuits, car l’application elle-même fonctionne sur Cloudflare Pages Functions et D1.

Son architecture est un bon exemple d’application conçue pour l’écosystème Cloudflare. Astro fournit l’enveloppe SSR, des islands React alimentent les panneaux interactifs, D1 stocke les données Cloudflare mises en cache, et les jetons API sont chiffrés avant stockage. Cloudflare Access protège le tableau de bord et fournit l’adresse e-mail authentifiée, que l’application utilise pour isoler les données propres à chaque utilisateur.

Le déploiement suit un flux Pages classique : créer la base D1, appliquer les migrations, configurer la liaison DB et les secrets de production, puis déployer l’application Astro compilée sur Cloudflare Pages. L’étape opérationnelle importante est la configuration d’Access, car les requêtes de production ont besoin de valeurs CF_ACCESS_TEAM_DOMAIN et CF_ACCESS_AUD valides avant que le tableau de bord n’autorise les utilisateurs.

Points forts

  • Tableau de bord Cloudflare multi-compte pour Zones, DNS, Workers, Pages et analyses d'usage
  • Fonctionne avec Astro 5 et des islands React, déployés sur Cloudflare Pages Functions
  • Utilise D1 pour mettre en cache les ressources Cloudflare et stocker les jetons API chiffrés
  • Protège l'interface d'administration avec Cloudflare Access et une isolation des données par utilisateur

Idéal pour

  • Opérateurs qui gèrent plusieurs comptes Cloudflare depuis un seul endroit
  • Équipes qui veulent un panneau de contrôle Cloudflare auto-hébergé sur une pile gratuite
  • Comprendre comment Pages, D1, Access et l'API Cloudflare fonctionnent ensemble

Pour commencer

  1. 1 Clonez le dépôt et installez les dépendances avec pnpm ou npm
  2. 2 Copiez les exemples Wrangler et d'environnement, puis générez une ENCRYPTION_KEY
  3. 3 Créez une base D1, appliquez les migrations et configurez la liaison DB
  4. 4 Créez une application Cloudflare Access pour le domaine Pages avant le déploiement en production
#cloudflare#workers#pages#d1#dashboard#self-hosted

FAQ

Puis-je l'utiliser avec plusieurs comptes Cloudflare ?

Oui. L'application est conçue pour stocker des jetons API de plusieurs comptes, vérifier leur état et regrouper les ressources dans un seul tableau de bord.

Cloudflare Access est-il requis ?

En production, oui. Le tableau de bord attend les valeurs Cloudflare Access et vérifie les JWT Access afin de protéger l'interface d'administration avec l'authentification Zero Trust.

Quels produits Cloudflare sont nécessaires ?

L'application est prévue pour Cloudflare Pages Functions avec une base D1. Pour l'utiliser complètement, il faut aussi des jetons API Cloudflare avec les scopes Zones, DNS, Workers, Pages et analytics pertinents.

Déployer cflareOps gratuitement

Plateformes à offre gratuite capables d’héberger ce projet. Choisissez-en une et lancez-vous.