Service Web | Échange de données

class: main-title

<h1>Service Web</h1>

<h2>Chapitre 2</h2>

---

<h1 class="slide-only">RPC - Remote Procedure Call</h1>

<p>Depuis très longtemps, la connectivité réseau est utilisé pour permettre à un programme d'exécuter une tâche sur une autre machine.</p>

<ul>
<li>Plusieurs standards/protocoles sont utilisés</li>
<li>Demandent souvent de contrôler les 2 côtés de la communication</li>
<li>Imposent des technologies</li>
</ul>

---

---

<p>En exposant l'<strong>interface logicielle</strong>, API,  via le protocole HTTP, toutes sortes de clients peuvent en bénéficier.</p>

<ul>
<li>Standard établi</li>
<li>Interopérabilité</li>
<li>Flexible</li>
</ul>

</div>

---

<h1 class="slide-only">Paradigmes</h1>

<p>Au fil du temps, plusieurs mécanismes ont été développé pour rendre plus efficace l'utilisation de HTTP dans différents contexte</p>

<ul>
<li><strong>RPC</strong> : Actions</li>
<li><strong>REST</strong> : Ressources</li>
<li>gRPC</li>
<li>GraphQL</li>
<li>WebHooks</li>
<li>Server-Sent Events</li>
<li>WebSockets</li>
</ul>

---
class: section-title

<h1>Protocole HTTP</h1>

---

<h1 class="menu">Requête HTTP</h1>

</div>

---

<h1 class="slide-only">Méthode GET vs POST</h1>

<ul>
<li>Récupérer des données</li>
<li>Paramètres via l'URL `/products?query=keyboard&sort=asc</li>
</ul>

<ul>
<li>Envoyer des données</li>
<li>Paramètres via l'URL disponible <strong>ET</strong> via le <em>body</em>

<ul>
<li><code>application/x-www-form-urlencoded</code></li>
<li><code>multipart/form-data</code></li>
<li><code>text/plain</code></li>
<li><code>application/octet-stream</code></li>
</ul></li>
</ul>

<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/POST#example" target="_blank">Exemples POST</a></p>

---

<h1 class="menu">Réponse HTTP</h1>

</div>

---

<h1 class="slide-only">Status HTTP</h1>

<ul>
<li><strong>1XX</strong> Information</li>
<li><strong>2XX</strong> Succès</li>
<li><strong>3XX</strong> Redirection</li>
<li><strong>4XX</strong> Erreur du client</li>
<li><strong>5XX</strong> Erreur du serveur</li>
</ul>

<p><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status" target="_blank">Status Codes</a></p>

---

<h1 class="slide-only">Références</h1>

<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview" target="_blank">HTTP - Overview</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers" target="_blank">HTTP - Headers</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods" target="_blank">HTTP - Methods</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Status" target="_blank">HTTP - Status</a></li>
</ul>

---
class: section-title

<h1>Démos!</h1>