Pourquoi les startups construisent leurs MVP sur des couches proxy

Adopter le Kintsugi du logiciel : pourquoi les startups créent des MVP sur des couches proxy

---

Le principe du bambou : la flexibilité grâce aux couches proxy

Dans la tradition japonaise, le bambou est vénéré pour sa flexibilité et sa résilience. De même, les startups doivent s'adapter aux changements : adapter leurs produits, itérer rapidement et s'intégrer à des systèmes incertains. La création de MVP (Minimum Viable Product) sur des couches proxy incarne ce principe du bambou, permettant aux équipes de s'adapter sans se briser.

Qu'est-ce qu'une couche proxy ?

Une couche proxy agit comme intermédiaire entre vos services front-end et back-end, ou entre votre application et des API tierces. Il peut s'agir d'une passerelle API (par exemple, Kong, NGINX, ou Envoyé), un proxy inverse personnalisé, ou même une fonction sans serveur qui assure la médiation des requêtes et des réponses.

---

La justification pratique : pourquoi des proxys pour les MVP ?

1. Découplage : L'art de Ma (間)

Dans l'esthétique japonaise, Ma désigne l'espace entre les objets, une pause créatrice de sens. Les couches proxy créent Ma entre le frontend et le backend, permettant un développement et une évolution indépendants.

Avantages:
– Les équipes frontend et backend travaillent en parallèle.
– Intégration plus facile avec les API héritées ou tierces.
– Échange rapide ou moquerie de services.

Exemple : échange rapide de backend

Supposons que votre MVP nécessite l'authentification des utilisateurs, mais que votre backend n'est pas prêt. Configurez un proxy qui simule temporairement les points d'authentification, permettant ainsi au frontend de continuer à fonctionner sans interruption.

// Exemple de proxy Node.js Express const express = require('express'); const proxy = require('http-proxy-middleware'); const app = express(); app.use('/api', proxy.createProxyMiddleware({ target: 'https://real-backend.com', changeOrigin: true, onProxyReq: (proxyReq, req, res) => { // Authentification fictive pour MVP if (req.path === '/api/auth/login') { res.json({ token: 'dummy-token', user: { id: 1, name: 'Sakura' } }); } } })); app.listen(3000);

2. Changement de forme de l'API : comme l'origami

Tout comme l’origami transforme une seule feuille en formes infinies, un proxy peut remodeler les API : réécrire les points de terminaison, agréger les réponses ou ajouter/supprimer des en-têtes.

Cas d'utilisation :

• Unification de plusieurs API externes en une seule interface.
• Réécriture des réponses d'API tierces incohérentes pour la compatibilité du frontend.
• Ajout d'authentification, de limitation de débit ou de journalisation sans toucher au code backend.

Exemple : Transformation de réponse

Avec Les plugins de Kong, vous pouvez modifier les réponses de l'API à la volée, en masquant les champs sensibles ou en normalisant les données pour le client.

---

Le tableau des avantages : couches proxy vs. intégration directe

Fonctionnalité	Approche de la couche proxy	Intégration directe
Vitesse de développement	Élevé (découplé, moquable)	Moyen (couplage serré)
Flexibilité du backend	Élevé (API d'échange/masquage)	Faible (difficile à changer)
Sécurité	Contrôle centralisé	Dispersés, plus difficiles à auditer
Mise à l'échelle	Facile (ajout de mise en cache/équilibrage de charge)	Plus difficile (par point final)
Gestion du changement	Simple (mettre à jour les règles de proxy)	Complexe (mise à jour de la base de code)
Intégration tierce	Unifié, gérable	Fragmenté, incohérent

---

Étape par étape : création d'un MVP sur une couche proxy

1. Sélectionnez votre proxy

• Passerelle API : Kong, Passerelle API AWS, NGINX.
• Proxy personnalisé : Express.js avec http-proxy-middleware.

2. Définir les points de terminaison et les données fictives

Embrasser le wabi-sabi— la beauté de l'imperfection. Commencez par des points de terminaison simples et simulables, puis peaufinez-les à mesure que les services réels gagnent en maturité.

Exemple de configuration déclarative # Kong routes : - nom : user-login chemins : ["/api/auth/login"] service : mock-auth-service

3. Ajouter des plugins/logiques

• Authentification:Utilisez des plugins JWT ou insérez une logique fictive.
• Limitation de débit:Ajouter des politiques au proxy.
• Transformation: Réécrivez les demandes/réponses selon les besoins.

4. Échangez et étendez en toute transparence

À mesure que les backends réels se solidifient, mettez à jour les routes proxy pour pointer vers les services de production au lieu de simulations, minimisant ainsi les modifications du frontend.

---

Le Zen de l'observabilité et de la sécurité

Une couche proxy agit comme Kanban—le tableau visible—centralisant les journaux d’accès, le suivi des erreurs et les politiques de sécurité.

Observabilité

• Journalisation centralisée: Agrège tout le trafic, utile pour le débogage.
• Plugins de métriques: Intégration de Prometheus avec Envoy.
• Tracé: Ajouter OpenTracing support facile au niveau du proxy.

Sécurité

• Gestion CORS: Gérez les demandes d'origine croisée en un seul endroit.
• Liste blanche/liste noire IP:Gardez votre MVP comme une porte de temple.
• Terminaison TLS:Connexions sécurisées sans complexité backend.

---

Exemples concrets : startups japonaises et au-delà

L'évolution des microservices de Mercari

Mercari, l'une des principales places de marché du Japon, est célèbre pour migré vers une architecture de microservices avec une passerelle API basée sur Envoy. En superposant un proxy, ils ont dissocié les itérations rapides du front-end des modifications du service back-end, favorisant ainsi l'esprit MVP, même à grande échelle.

SaaS en phase de démarrage : simulation des paiements

Une start-up fintech peut utiliser un proxy pour encapsuler des API de paiement externes. Lors du MVP, le proxy renvoie des réponses de paiement simulées, permettant ainsi des tests utilisateurs sans transactions réelles. Par la suite, le passage au fournisseur de paiement réel est aussi simple que de modifier la cible du proxy.

---

Lectures et ressources complémentaires

• Documentation de la passerelle API Kong
• Documentation du proxy Envoy
• Microservices avec modèle de passerelle API – Microsoft
• Proxy inverse dans Express.js
• Blog d'ingénierie Mercari : Microservices
• Documentation OpenTracing

---

Dans l'esprit de Kaizen, laissez votre couche proxy être le guide silencieux, permettant de petites améliorations continues à mesure que votre MVP trouve sa véritable forme.