Photo by rc.xyz NFT gallery / Unsplash

CORS (Cross-Origin Resource Sharing)

Tech 12 oct. 2023

Lorsqu'on parle de développement web et d'API, l'un des concepts fondamentaux que chaque développeur doit connaître est le CORS, ou Cross-Origin Resource Sharing. Pourquoi est-ce si crucial, et comment cela impacte-t-il votre API? Plongeons dans le vif du sujet.

1. Qu'est-ce que le CORS?
À la base, le CORS est une mesure de sécurité mise en place dans les navigateurs web. Il empêche les requêtes AJAX d'accéder à des ressources d'un domaine différent de celui d'où provient la page web, sauf si le serveur du domaine cible indique explicitement qu'il accepte ces requêtes.

2. Pourquoi le CORS est-il essentiel?
La politique de même origine (Same-Origin Policy) est mise en place pour protéger les utilisateurs contre les attaques potentielles, comme le Cross-Site Request Forgery (CSRF). Sans cette politique, un hacker pourrait, par exemple, créer une page web malveillante qui, lorsqu'elle est visitée, fait des requêtes à une API sur laquelle l'utilisateur est authentifié, déclenchant des actions non désirées.

3. Comment le CORS permet une flexibilité sécurisée
Mettre en place le CORS sur votre API signifie que vous pouvez définir explicitement quels domaines sont autorisés à faire des requêtes. Cela offre une grande flexibilité. Par exemple, vous pourriez autoriser votre site web principal, ainsi que quelques sous-domaines de confiance, tout en bloquant tous les autres.

4. Les en-têtes CORS
La mise en place du CORS se fait généralement via des en-têtes HTTP spécifiques. Les plus courants sont:

  • Access-Control-Allow-Origin: Spécifie les domaines autorisés.
  • Access-Control-Allow-Methods: Définit les méthodes HTTP autorisées (GET, POST, etc.).
  • Access-Control-Allow-Headers: Liste des en-têtes que les navigateurs sont autorisés à utiliser lors de la réalisation d'une requête.

5. Erreurs courantes liées au CORS
Si vous avez déjà rencontré des messages d'erreur tels que "No 'Access-Control-Allow-Origin' header is present on the requested resource", c'est que vous avez été confronté à un problème CORS. Une mise en place correcte du CORS sur votre API permet d'éviter ces erreurs frustrantes pour les développeurs et assure une expérience utilisateur fluide.

Conclusion
La mise en place du CORS est essentielle pour toute API moderne. Elle offre un équilibre entre sécurité et flexibilité, garantissant que seules les sources approuvées peuvent accéder à vos ressources tout en offrant la liberté d'intégrer votre API dans divers scénarios. Si vous développez une API, assurez-vous de bien comprendre le CORS et de l'implémenter correctement!

Mots clés