L'isomorphisme par l'exemple

Gestion des droits end to end

Besoin initial

système de gestion des accès à l'API REST
présenter une interface dédiée pour chaque profil utilisateur

1. Gestion des accès API

Accès à une API REST

Formule magique :

Accès (Requête, Profil)

Définition des règles d'accès

Tuples URL/méthodes

[{
    path: '/organisations/:organisation_id/users',
    methods: ['GET', 'POST']
}, {
    path: '/organisations/:organisation_id/users/:user_id',
    methods: ['GET', 'PUT', 'DELETE']
}, {
    path: '/organisations/:organisation_id/users/([0-9a-f]{24})',
    methods: ['GET']
}]

URL templatées

Varient selon le profil authentifié

(utilisation de regexp-tpl & miniquery)

Demo

Hack de angular-beer de @JBPionnier

(back)

2. Interface personnalisée

Solutions envisagées

Fork du code de l'interface : peu évolutif, source d'erreurs et d'incohérences.
Affichage conditionnel avec table de droits pré-établis : rend la problématique rémanente.

And the winner is!

L'isomorphisme !

Avantages de l'isomorphisme

on transmet uniquement l'information, la logique est dupliquée à chaque extrêmité
facile à mettre en oeuvre dans une stack full JS (ou presque)
pas de divergence possible entre front et back (ou presque)