Configurateur — Configuration du site

Le configurateur permet de modifier les fichiers de configuration du site directement depuis l'interface du Configurateur, sans éditer manuellement les fichiers.

Organisation en 2 onglets

Le panel Configuration est organisé en 2 onglets :

L'onglet Site regroupe toute la configuration générale (identité, mentions légales, analytics, CORS). L'onglet Blog est dédié à la connexion Baserow et aux options d'affichage. La configuration SSH se trouve dans la modale Publish.

Intégration dans le Configurateur

Le configurateur est intégré nativement dans le Configurateur — il ne s'agit pas d'un iframe séparé. Le fichier configurator.html est chargé et injecté dans le DOM du Configurateur au moment où l'utilisateur accède au panel de configuration.

• Les styles sont scopés pour éviter les conflits avec le reste du Configurateur
• Les scripts sont exécutés dans le contexte du Configurateur (accès au DOM principal)
• Module JS : configurateur-config.js

Fichiers configurables

Le configurateur permet de modifier trois fichiers de configuration distincts :

SITE_CONFIG (config-site.js)

Configuration générale du site, définie dans l'objet window.SITE_CONFIG.

window.SITE_CONFIG = {
  name: 'Mon Site',
  favicon: '/favicon.ico',
  domains: {
    prod: 'https://monsite.fr',
    preprod: 'https://preprod.monsite.fr'
  }
};

COOKIES_CONFIG (config-site.js)

Identifiants des services de tracking et analytics, injectés uniquement après consentement RGPD.

BLOG_CONFIG (config-site.js)

Configuration du blog dynamique connecté à Baserow (headless CMS). Le token API et le tableId se configurent dans l’onglet Blog du configurateur. config-site.js ne contient que le tableId et les options d’affichage — le token est stocké dans .env côté serveur.

Connexion Baserow

Le proxy /api/baserow.php est utilisé automatiquement — pas de configuration nécessaire. Le token API est lu depuis .env côté serveur.

Options d’affichage

window.BLOG_CONFIG = {
  baserow: {
    tableId: '67890',
  },
  perPage: 9,
  dateFormat: 'fr-FR',
  defaultImage: '/assets/images/blog-default.jpg',
  articlePage: 'blog/article',
  blogPage: 'blog',
};

LEGAL_CONFIG (config-site.js)

Informations légales utilisées pour générer automatiquement les pages mentions-legales.html et confidentialite.html.

window.LEGAL_CONFIG = {
  companyName: 'Ma Société',
  companyType: 'SAS',
  address: '123 rue de Paris, 75001 Paris',
  email: 'contact@monsite.fr',
  phone: '+33 1 23 45 67 89',
  siret: '123 456 789 00010',
  tvaNumber: 'FR12345678901',
  capitalSocial: '10 000 €',
  hostingProvider: 'Hostinger',
  hostingAddress: 'Kaunas, Lituanie',
  dpoEmail: 'dpo@monsite.fr'
};

Variables d'environnement (.env)

Fichier .env à la racine du projet. Contient les tokens et credentials sensibles. Ce fichier est déployé sur le serveur (nécessaire pour les API PHP) et protégé par le .htaccess (inaccessible depuis le web). Concernant Git : .env est tracké par Git dans les repos privés (backup complet). Pour les projets clients, c'est un choix de sécurité — le repo doit être privé.

# .env — fichier sensible (repo privé uniquement)
BASEROW_TOKEN=votre-token-baserow
SITE_ORIGIN=https://monsite.fr

Sauvegarde

Le configurateur utilise l'API backend du Configurateur pour lire et écrire les fichiers de configuration.

• Chaque section dispose d'un bouton « Sauvegarder » indépendant
• Les fichiers sont écrits via l'API backend : BuilderAPI.cfgSave
• La lecture se fait via BuilderAPI.cfgRead
• Les fichiers sensibles (.env, .deploy.env) ne sont jamais exposés côté client en dehors du Configurateur local

// Lecture d'un fichier de configuration
const config = await BuilderAPI.cfgRead('config-site.js');

// Sauvegarde après modification
await BuilderAPI.cfgSave('config-site.js', newContent);