Système d'authentification universel

Intégrez Codea Auth dans tous vos sites web en quelques minutes

Fonctionnalités

Sécurité maximale

Authentification JWT, sessions multiples, chiffrement des mots de passe avec bcrypt

Confidentialité

Contrôle total sur les données partagées. Masquez votre email, téléphone ou autres infos

Rapide à intégrer

SDK JavaScript simple, documentation complète, intégration en moins de 5 minutes

Universel

Compatible avec tous les sites web, fonctionne comme Google Sign-In

Multi-sessions

Gérez plusieurs sessions actives simultanément sur différents appareils

Profils personnalisables

Photo de profil, informations personnelles, paramètres de confidentialité

Intégration simple

Frontend uniquement

Connexion OAuth via popup

⚠️ Expose votre App ID et Secret Key dans le code JavaScript

JavaScript

// Frontend : Connexion OAuth
const auth = new CodeaAuth({
  appId: 'VOTRE_APP_ID',
  secretKey: 'VOTRE_SECRET_KEY', // Utilisé uniquement pour OAuth
  onSuccess: async function(result) {
    // Token utilisateur reçu
    const userToken = result.token;

    // Enregistrer le token
    localStorage.setItem('userToken', userToken);
    console.log('Connecté:', result.user);
  }
});

// Bouton de connexion
document.getElementById('loginBtn').onclick = () => auth.login();

Backend + Frontend (Recommandé)

Architecture sécurisée avec vérification backend

Frontend - HTML

<!-- Bouton de connexion -->
<button id="loginBtn">Se connecter avec Codea</button>

<!-- Affichage utilisateur -->
<div id="userInfo" style="display: none;">
  <img id="userAvatar" src="" alt="Avatar">
  <span id="userName"></span>
  <button id="logoutBtn">Déconnexion</button>
</div>

Frontend - JavaScript

// Bouton de connexion
document.getElementById('loginBtn').onclick = () => {
  window.location.href = '/api/auth/login';
};

// Vérifier si l'utilisateur est connecté
fetch('/api/auth/me')
  .then(res => res.json())
  .then(user => {
    if (user) {
      document.getElementById('loginBtn').style.display = 'none';
      document.getElementById('userInfo').style.display = 'block';
      document.getElementById('userName').textContent = user.username;
      document.getElementById('userAvatar').src = user.avatar;
    }
  });

// Déconnexion
document.getElementById('logoutBtn').onclick = async () => {
  await fetch('/api/auth/logout', { method: 'POST' });
  location.reload();
};

Backend (Node.js)

// Backend : Configuration
const auth = new CodeaAuth({
  appId: process.env.CODEA_APP_ID,
  secretKey: process.env.CODEA_SECRET_KEY,
  mode: 'backend'
});

// Route de connexion
app.get('/api/auth/login', (req, res) => {
  const authUrl = `https://auth.codealuxz.fr/oauth/authorize?appId=${auth.appId}`;
  res.redirect(authUrl);
});

// Callback OAuth
app.post('/api/auth/callback', async (req, res) => {
  const result = await auth.verifyUserToken(req.body.token);

  if (result.valid) {
    req.session.user = result.user;
    res.redirect('/dashboard');
  }
});

// Route utilisateur
app.get('/api/auth/me', (req, res) => {
  res.json(req.session.user || null);
});

Prêt à commencer ?

Créez votre compte gratuitement et intégrez l'authentification en 5 minutes