Social Login

Auris supporte l’authentification sociale avec les fournisseurs les plus populaires. Les utilisateurs peuvent se connecter avec leur compte préféré sans créer un nouveau mot de passe.

Fournisseurs supportés : Google, GitHub, Microsoft, Apple, Facebook, Discord, LinkedIn, Twitter/X, Slack

Configuration dans la Console

Instructions par Fournisseur

Google

1. Va dans Google Cloud Console  → API et Services → Identifiants
2. Crée des identifiants ID client OAuth 2.0 (type : Application Web)
3. Ajoute l’URI de redirection autorisé : https://auth.votredomaine.com/api/auth/social/google/callback
4. Copie le Client ID et le Client Secret

GitHub

1. Va dans GitHub → Paramètres → Paramètres développeur → OAuth Apps → Nouvelle OAuth App
2. Définis Homepage URL : https://votreapp.com
3. Définis Authorization callback URL : https://auth.votredomaine.com/api/auth/social/github/callback
4. Copie le Client ID et génère un Client Secret

Microsoft (Azure AD)

1. Va dans Azure Portal → Azure Active Directory → Inscriptions d’applications → Nouvelle inscription
2. Définis l’URI de redirection : https://auth.votredomaine.com/api/auth/social/microsoft/callback
3. Crée un Secret client sous Certificats et secrets
4. Copie l’ID d’application (client) et le secret

Apple

1. Va dans Apple Developer → Certificates, Identifiers & Profiles → Identifiers
2. Enregistre un Services ID pour ton domaine d’app
3. Active Sign in with Apple et configure l’URL de retour : https://auth.votredomaine.com/api/auth/social/apple/callback
4. Crée une Key avec Sign in with Apple activé et télécharge le fichier .p8
5. Dans la Console Auris, saisis : Team ID, Services ID (Client ID), Key ID et le contenu du fichier .p8

Facebook

1. Va dans Meta for Developers  → Mes Apps → Créer une App
2. Ajoute le produit Facebook Login
3. Sous Paramètres → Valid OAuth Redirect URIs : https://auth.votredomaine.com/api/auth/social/facebook/callback
4. Copie App ID et App Secret depuis Paramètres → Basique

Discord

1. Va dans Discord Developer Portal  → Nouvelle Application
2. Va dans OAuth2 → Redirect et ajoute : https://auth.votredomaine.com/api/auth/social/discord/callback
3. Copie Client ID et Client Secret depuis l’onglet OAuth2 → General

LinkedIn

1. Va dans LinkedIn Developers  → Créer une App
2. Sous Auth ajoute l’URL de redirection : https://auth.votredomaine.com/api/auth/social/linkedin/callback
3. Assure-toi que r_liteprofile et r_emailaddress sont parmi les permissions demandées
4. Copie Client ID et Client Secret

Twitter / X

1. Va dans developer.twitter.com  → Projects & Apps → Nouvelle App
2. Active OAuth 2.0 dans les paramètres de l’app
3. Ajoute l’URL de callback : https://auth.votredomaine.com/api/auth/social/twitter/callback
4. Copie Client ID et Client Secret

Slack

1. Va dans api.slack.com/apps  → Créer une Nouvelle App → Depuis zéro
2. Sous OAuth & Permissions → Redirect URLs ajoute : https://auth.votredomaine.com/api/auth/social/slack/callback
3. Ajoute les scopes OAuth : openid, profile, email
4. Copie Client ID et Client Secret depuis Informations de Base

Utilisation avec le SDK

import { AurisClient } from '@auris/js'
 
const auris = new AurisClient({
  domain: 'auth.votredomaine.com',
  clientId: 'votre-client-id',
})
 
// Login direct avec un fournisseur spécifique
document.getElementById('google-btn').addEventListener('click', () => {
  auris.loginWithRedirect({ connection: 'google' })
})
 
document.getElementById('github-btn').addEventListener('click', () => {
  auris.loginWithRedirect({ connection: 'github' })
})

import { useAuris } from '@auris/react'
 
function LoginPage() {
  const { loginWithRedirect } = useAuris()
 
  return (
    <div>
      <button onClick={() => loginWithRedirect({ connection: 'google' })}>
        Se connecter avec Google
      </button>
      <button onClick={() => loginWithRedirect({ connection: 'github' })}>
        Se connecter avec GitHub
      </button>
      <button onClick={() => loginWithRedirect({ connection: 'microsoft' })}>
        Se connecter avec Microsoft
      </button>
    </div>
  )
}

// components/SocialLoginButtons.tsx
'use client'
 
export function SocialLoginButtons() {
  const providers = [
    { id: 'google', label: 'Google' },
    { id: 'github', label: 'GitHub' },
    { id: 'microsoft', label: 'Microsoft' },
  ]
 
  return (
    <div>
      {providers.map(p => (
        <a key={p.id} href={`/api/auth/login?connection=${p.id}`}>
          Se connecter avec {p.label}
        </a>
      ))}
    </div>
  )
}

Liaison de Comptes

Quand un utilisateur tente de se connecter avec un fournisseur social en utilisant une adresse e-mail déjà enregistrée avec une méthode différente, Auris peut :

• Lier automatiquement : Fusionne les comptes automatiquement (activé par défaut)
• Demander confirmation : Affiche une invite à l’utilisateur pour confirmer la liaison
• Bloquer : Retourne une erreur et demande de se connecter avec la méthode originale

Configure ce comportement dans Console → Paramètres → Sécurité → Liaison de Comptes.

Données du Profil Utilisateur

Auris normalise les données du profil social dans un format standard. La disponibilité dépend du fournisseur et des permissions accordées par l’utilisateur :

* Apple peut fournir un e-mail relay privé
** Apple fournit le nom uniquement lors du premier login

Intégration avec la Hosted Login Page

Si tu utilises la Hosted Login Page d’Auris, les boutons de social login s’affichent automatiquement pour chaque connexion sociale activée. Aucune configuration supplémentaire n’est nécessaire. Tu peux contrôler l’ordre et l’apparence visuelle des boutons dans Console → Paramètres → Branding → Hosted Login Page.

Guides Associés

• Login Hébergé (PKCE) — Flux d’authentification standard
• Enterprise SSO — SAML et OIDC pour les organisations d’entreprise