Frameworks
Guide d'Intégration
Connectez SecureVault à votre stack en quelques minutes avec le SDK @vaultsecure/js.
Next.js
React
Vue.js
Node.js
JavaScript
Installation pas à pas
1
Installer le SDK
Un seul package pour tous les frameworks JavaScript.
npm install @vaultsecure/js2
Initialiser le client
Créez une instance avec votre clé publique disponible dans votre dashboard.
import { SecureVault } from '@vaultsecure/js'
export const vault = new SecureVault({
publicKey: 'pk_votre_cle_publique',
baseUrl: 'https://api.securevault.com'
})3
Inscrire un utilisateur
Créez un compte pour un nouvel utilisateur.
const user = await vault.signUp({
firstName: 'John',
lastName: 'Doe',
email: 'john@example.com',
password: 'MotDePasse123'
})
console.log('Inscrit :', user.email)4
Connecter un utilisateur
Authentifiez un utilisateur existant avec email/password ou OAuth.
// Email & password
const user = await vault.signIn({
email: 'john@example.com',
password: 'MotDePasse123'
})
console.log('Connecté :', user.firstName)
// Google OAuth
vault.signInWithGoogle()
// GitHub OAuth
vault.signInWithGithub()5
Gérer le callback OAuth
Sur la page /auth/callback de votre app, récupérez le token après connexion OAuth.
// Sur la page /auth/callback
const result = vault.handleOAuthCallback()
if (result) {
console.log('Connecté via OAuth :', result.email)
// result.token, result.firstName, result.lastName
}6
Reset de mot de passe
Permettez à vos utilisateurs de réinitialiser leur mot de passe par email.
// Envoyer l'email de reset
await vault.forgotPassword('john@example.com')
// Réinitialiser avec le token reçu par email
await vault.resetPassword('token_recu', 'NouveauMotDePasse123')7
Gérer la session
Récupérez l'utilisateur connecté et gérez la déconnexion.
// Vérifier si connecté
if (vault.isSignedIn()) {
const user = vault.getUser()
console.log('Bonjour', user.firstName)
}
// Déconnecter
vault.signOut()8
SDK Admin (backend uniquement)
Gérez vos utilisateurs depuis votre serveur avec la clé secrète. Ne jamais exposer côté client.
import { VaultAdmin } from '@vaultsecure/js'
const admin = new VaultAdmin(
'sk_votre_cle_secrete',
'https://api.securevault.com'
)
// Lister les utilisateurs
const users = await admin.getUsers()
// Vérifier un token
const result = await admin.verifyToken('eyJhbGci...')
// Désactiver / Réactiver / Supprimer
await admin.disableUser('user@example.com')
await admin.enableUser('user@example.com')
await admin.deleteUser('user@example.com')Prêt pour le déploiement ?
Une fois l'intégration terminée, retrouvez vos clés et statistiques dans votre dashboard.