Guide de Configuration Complet

1. Identifiants & Accès Requis

Service	Identifiant/Clé	Où le trouver	Permissions nécessaires
Cloudflare	`API Token`	Dashboard → Mon profil → Tokens API → Créer un jeton	Zone:Read, DNS:Edit, Cache Purge, Pages:Read
Cloudflare	`Zone ID`	Dashboard → purespacenett.com → Overview → colonne droite	—
Cloudflare	`Account ID`	Dashboard → accueil → barre latérale droite	—
Brevo	`API Key v3`	Brevo → Paramètres (⚙) → Clés API SMTP → Générer une clé	Contacts RW, Campaigns R, SMTP Send
Brevo	`List IDs`	Contacts → Listes → URL de la liste = /lists/{ID}	—
Make.com	`Webhook URL`	Nouveau scénario → Module Webhooks → Custom Webhook → Copier URL	—
Google	`Sheets ID`	URL Sheets : /spreadsheets/d/ID_ICI/edit	Partager le fichier avec le compte service Make.com
Dashboard	`Admin Token`	Générez : `openssl rand -hex 32`	—

2. Déploiement Dashboard sur Cloudflare Pages

# 1. Cloner ce projet et installer les dépendances git clone https://github.com/votre-repo/psn-dashboard.git cd psn-dashboard && npm install # 2. Build npm run build # 3. Créer le projet Cloudflare Pages npx wrangler pages project create psn-ops-dashboard --production-branch main # 4. Déployer npx wrangler pages deploy dist --project-name psn-ops-dashboard # 5. Configurer les secrets (remplacer les valeurs) npx wrangler pages secret put CLOUDFLARE_API_TOKEN --project-name psn-ops-dashboard npx wrangler pages secret put CLOUDFLARE_ZONE_ID --project-name psn-ops-dashboard npx wrangler pages secret put CLOUDFLARE_ACCOUNT_ID --project-name psn-ops-dashboard npx wrangler pages secret put BREVO_API_KEY --project-name psn-ops-dashboard npx wrangler pages secret put MAKE_WEBHOOK_URL --project-name psn-ops-dashboard npx wrangler pages secret put GOOGLE_SHEETS_ID --project-name psn-ops-dashboard npx wrangler pages secret put ADMIN_TOKEN --project-name psn-ops-dashboard

3. Recréer les Scénarios Make.com

1. Connectez-vous sur make.com → Créer un nouveau scénario
2. Module 1 : Webhooks → Custom Webhook → "Add a webhook" → Copier l'URL → Collez dans MAKE_WEBHOOK_URL
3. Module 2 : HTTP → Make a request → URL : https://api.brevo.com/v3/contacts → Method POST → Headers : api-key = votre clé Brevo → Body JSON avec les champs
4. Module 3 : Google Sheets → Add a Row → Connecter votre compte Google → Sélectionner le fichier Sheets → Mapper les colonnes
5. Module 4 : HTTP → Make a request → URL : https://api.brevo.com/v3/smtp/email → Envoyer email confirmation client (template ID Brevo)
6. Activer le scénario → Tester depuis ce dashboard

Retour au Dashboard