index.html 59 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529
  1. <!DOCTYPE html>
  2. <html lang="en" data-base-path="&#x2F;cpp-httplib">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Basic Client - cpp-httplib</title>
  7. <link rel="icon" type="image/svg+xml" href="&#x2F;cpp-httplib/favicon.svg">
  8. <link rel="stylesheet" href="&#x2F;cpp-httplib/css/main.css">
  9. <script>
  10. (function() {
  11. var t = localStorage.getItem('preferred-theme');
  12. if (!t) t = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark';
  13. if (t === 'light') document.documentElement.setAttribute('data-theme', 'light');
  14. })();
  15. </script>
  16. </head>
  17. <body>
  18. <header class="header">
  19. <div class="header-inner">
  20. <a href="&#x2F;cpp-httplib&#x2F;en/" class="header-title">cpp-httplib <span style="font-size:0.75em;font-weight:normal;margin-left:4px">v0.36.0</span></a>
  21. <div class="header-spacer"></div>
  22. <nav class="header-nav">
  23. <a href="&#x2F;cpp-httplib&#x2F;en/">
  24. <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
  25. Home
  26. </a>
  27. <a href="&#x2F;cpp-httplib&#x2F;en/tour&#x2F;">
  28. <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"/></svg>
  29. Tour
  30. </a>
  31. <a href="https:&#x2F;&#x2F;github.com&#x2F;yhirose&#x2F;cpp-httplib" aria-label="GitHub">
  32. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/></svg>
  33. GitHub
  34. </a>
  35. </nav>
  36. <div class="header-tools">
  37. <button class="search-btn" aria-label="Search (⌘K)">
  38. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
  39. </button>
  40. <button class="theme-toggle" aria-label="Toggle theme"></button>
  41. <div class="lang-selector">
  42. <button class="lang-btn" aria-label="Language">
  43. <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
  44. EN
  45. </button>
  46. <ul class="lang-popup">
  47. <li><a href="#" data-lang="en">EN</a></li>
  48. <li><a href="#" data-lang="ja">JA</a></li>
  49. </ul>
  50. </div>
  51. </div>
  52. <button class="sidebar-toggle" aria-label="Menu">&#9776;</button>
  53. </div>
  54. </header>
  55. <div class="layout has-sidebar">
  56. <aside class="sidebar">
  57. <nav class="sidebar-nav">
  58. <div class="nav-section">
  59. <a href="&#x2F;cpp-httplib&#x2F;en&#x2F;tour&#x2F;" class="nav-section-title active">A Tour of cpp-httplib</a>
  60. <ul class="nav-list">
  61. <li><a href="&#x2F;cpp-httplib&#x2F;en&#x2F;tour&#x2F;01-getting-started&#x2F;" class="">Getting Started</a></li>
  62. <li><a href="&#x2F;cpp-httplib&#x2F;en&#x2F;tour&#x2F;02-basic-client&#x2F;" class="active">Basic Client</a></li>
  63. <li><a href="&#x2F;cpp-httplib&#x2F;en&#x2F;tour&#x2F;03-basic-server&#x2F;" class="">Basic Server</a></li>
  64. <li><a href="&#x2F;cpp-httplib&#x2F;en&#x2F;tour&#x2F;04-static-file-server&#x2F;" class="">Static File Server</a></li>
  65. <li><a href="&#x2F;cpp-httplib&#x2F;en&#x2F;tour&#x2F;05-tls-setup&#x2F;" class="">TLS Setup</a></li>
  66. <li><a href="&#x2F;cpp-httplib&#x2F;en&#x2F;tour&#x2F;06-https-client&#x2F;" class="">HTTPS Client</a></li>
  67. <li><a href="&#x2F;cpp-httplib&#x2F;en&#x2F;tour&#x2F;07-https-server&#x2F;" class="">HTTPS Server</a></li>
  68. <li><a href="&#x2F;cpp-httplib&#x2F;en&#x2F;tour&#x2F;08-websocket&#x2F;" class="">WebSocket</a></li>
  69. <li><a href="&#x2F;cpp-httplib&#x2F;en&#x2F;tour&#x2F;09-whats-next&#x2F;" class="">What&#x27;s Next</a></li>
  70. </ul>
  71. </div>
  72. </nav>
  73. </aside>
  74. <main class="content">
  75. <article>
  76. <h1>Basic Client</h1>
  77. <p>cpp-httplib isn't just for servers -- it also comes with a full HTTP client. Let's use <code>httplib::Client</code> to send GET and POST requests.</p>
  78. <h2>Preparing a Test Server</h2>
  79. <p>To try out the client, you need a server that accepts requests. Save the following code, then compile and run it the same way you did in the previous chapter. We'll cover the server details in the next chapter.</p>
  80. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  81. <span style="color:#b48ead;">#include </span><span style="color:#c0c5ce;">&quot;</span><span style="color:#a3be8c;">httplib.h</span><span style="color:#c0c5ce;">&quot;
  82. </span><span style="color:#b48ead;">#include </span><span style="color:#c0c5ce;">&lt;</span><span style="color:#a3be8c;">iostream</span><span style="color:#c0c5ce;">&gt;
  83. </span><span style="color:#c0c5ce;">
  84. </span><span style="color:#b48ead;">int </span><span style="color:#8fa1b3;">main</span><span style="color:#c0c5ce;">() {
  85. </span><span style="color:#c0c5ce;"> httplib::Server svr;
  86. </span><span style="color:#c0c5ce;">
  87. </span><span style="color:#c0c5ce;"> svr.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/hi</span><span style="color:#c0c5ce;">&quot;, [](</span><span style="color:#b48ead;">const auto </span><span style="color:#c0c5ce;">&amp;, </span><span style="color:#b48ead;">auto </span><span style="color:#c0c5ce;">&amp;res) {
  88. </span><span style="color:#c0c5ce;"> res.</span><span style="color:#8fa1b3;">set_content</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">Hello!</span><span style="color:#c0c5ce;">&quot;, &quot;</span><span style="color:#a3be8c;">text/plain</span><span style="color:#c0c5ce;">&quot;);
  89. </span><span style="color:#c0c5ce;"> });
  90. </span><span style="color:#c0c5ce;">
  91. </span><span style="color:#c0c5ce;"> svr.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/search</span><span style="color:#c0c5ce;">&quot;, [](</span><span style="color:#b48ead;">const auto </span><span style="color:#c0c5ce;">&amp;req, </span><span style="color:#b48ead;">auto </span><span style="color:#c0c5ce;">&amp;res) {
  92. </span><span style="color:#c0c5ce;"> </span><span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> q = req.</span><span style="color:#8fa1b3;">get_param_value</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">q</span><span style="color:#c0c5ce;">&quot;);
  93. </span><span style="color:#c0c5ce;"> res.</span><span style="color:#8fa1b3;">set_content</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">Query: </span><span style="color:#c0c5ce;">&quot; + q, &quot;</span><span style="color:#a3be8c;">text/plain</span><span style="color:#c0c5ce;">&quot;);
  94. </span><span style="color:#c0c5ce;"> });
  95. </span><span style="color:#c0c5ce;">
  96. </span><span style="color:#c0c5ce;"> svr.</span><span style="color:#8fa1b3;">Post</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/post</span><span style="color:#c0c5ce;">&quot;, [](</span><span style="color:#b48ead;">const auto </span><span style="color:#c0c5ce;">&amp;req, </span><span style="color:#b48ead;">auto </span><span style="color:#c0c5ce;">&amp;res) {
  97. </span><span style="color:#c0c5ce;"> res.</span><span style="color:#8fa1b3;">set_content</span><span style="color:#c0c5ce;">(req.</span><span style="color:#bf616a;">body</span><span style="color:#c0c5ce;">, &quot;</span><span style="color:#a3be8c;">text/plain</span><span style="color:#c0c5ce;">&quot;);
  98. </span><span style="color:#c0c5ce;"> });
  99. </span><span style="color:#c0c5ce;">
  100. </span><span style="color:#c0c5ce;"> svr.</span><span style="color:#8fa1b3;">Post</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/submit</span><span style="color:#c0c5ce;">&quot;, [](</span><span style="color:#b48ead;">const auto </span><span style="color:#c0c5ce;">&amp;req, </span><span style="color:#b48ead;">auto </span><span style="color:#c0c5ce;">&amp;res) {
  101. </span><span style="color:#c0c5ce;"> std::string result;
  102. </span><span style="color:#c0c5ce;"> </span><span style="color:#b48ead;">for </span><span style="color:#c0c5ce;">(</span><span style="color:#b48ead;">auto </span><span style="color:#c0c5ce;">&amp;[key, val] : req.</span><span style="color:#bf616a;">params</span><span style="color:#c0c5ce;">) {
  103. </span><span style="color:#c0c5ce;"> result += key + &quot;</span><span style="color:#a3be8c;"> = </span><span style="color:#c0c5ce;">&quot; + val + &quot;</span><span style="color:#96b5b4;">\n</span><span style="color:#c0c5ce;">&quot;;
  104. </span><span style="color:#c0c5ce;"> }
  105. </span><span style="color:#c0c5ce;"> res.</span><span style="color:#8fa1b3;">set_content</span><span style="color:#c0c5ce;">(result, &quot;</span><span style="color:#a3be8c;">text/plain</span><span style="color:#c0c5ce;">&quot;);
  106. </span><span style="color:#c0c5ce;"> });
  107. </span><span style="color:#c0c5ce;">
  108. </span><span style="color:#c0c5ce;"> svr.</span><span style="color:#8fa1b3;">Post</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/upload</span><span style="color:#c0c5ce;">&quot;, [](</span><span style="color:#b48ead;">const auto </span><span style="color:#c0c5ce;">&amp;req, </span><span style="color:#b48ead;">auto </span><span style="color:#c0c5ce;">&amp;res) {
  109. </span><span style="color:#c0c5ce;"> </span><span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> f = req.</span><span style="color:#bf616a;">form</span><span style="color:#c0c5ce;">.</span><span style="color:#8fa1b3;">get_file</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">file</span><span style="color:#c0c5ce;">&quot;);
  110. </span><span style="color:#c0c5ce;"> </span><span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> content = f.</span><span style="color:#bf616a;">filename </span><span style="color:#c0c5ce;">+ &quot;</span><span style="color:#a3be8c;"> (</span><span style="color:#c0c5ce;">&quot; + </span><span style="color:#8fa1b3;">std::to_string</span><span style="color:#c0c5ce;">(f.</span><span style="color:#bf616a;">content</span><span style="color:#c0c5ce;">.</span><span style="color:#8fa1b3;">size</span><span style="color:#c0c5ce;">()) + &quot;</span><span style="color:#a3be8c;"> bytes)</span><span style="color:#c0c5ce;">&quot;;
  111. </span><span style="color:#c0c5ce;"> res.</span><span style="color:#8fa1b3;">set_content</span><span style="color:#c0c5ce;">(content, &quot;</span><span style="color:#a3be8c;">text/plain</span><span style="color:#c0c5ce;">&quot;);
  112. </span><span style="color:#c0c5ce;"> });
  113. </span><span style="color:#c0c5ce;">
  114. </span><span style="color:#c0c5ce;"> svr.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/users/:id</span><span style="color:#c0c5ce;">&quot;, [](</span><span style="color:#b48ead;">const auto </span><span style="color:#c0c5ce;">&amp;req, </span><span style="color:#b48ead;">auto </span><span style="color:#c0c5ce;">&amp;res) {
  115. </span><span style="color:#c0c5ce;"> </span><span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> id = req.</span><span style="color:#bf616a;">path_params</span><span style="color:#c0c5ce;">.</span><span style="color:#8fa1b3;">at</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">id</span><span style="color:#c0c5ce;">&quot;);
  116. </span><span style="color:#c0c5ce;"> res.</span><span style="color:#8fa1b3;">set_content</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">User ID: </span><span style="color:#c0c5ce;">&quot; + id, &quot;</span><span style="color:#a3be8c;">text/plain</span><span style="color:#c0c5ce;">&quot;);
  117. </span><span style="color:#c0c5ce;"> });
  118. </span><span style="color:#c0c5ce;">
  119. </span><span style="color:#c0c5ce;"> svr.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(</span><span style="color:#b48ead;">R</span><span style="color:#c0c5ce;">&quot;(</span><span style="color:#a3be8c;">/files/(\d+)</span><span style="color:#c0c5ce;">)&quot;, [](</span><span style="color:#b48ead;">const auto </span><span style="color:#c0c5ce;">&amp;req, </span><span style="color:#b48ead;">auto </span><span style="color:#c0c5ce;">&amp;res) {
  120. </span><span style="color:#c0c5ce;"> </span><span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> id = req.</span><span style="color:#bf616a;">matches</span><span style="color:#c0c5ce;">[</span><span style="color:#d08770;">1</span><span style="color:#c0c5ce;">];
  121. </span><span style="color:#c0c5ce;"> res.</span><span style="color:#8fa1b3;">set_content</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">File ID: </span><span style="color:#c0c5ce;">&quot; + </span><span style="color:#8fa1b3;">std::string</span><span style="color:#c0c5ce;">(id), &quot;</span><span style="color:#a3be8c;">text/plain</span><span style="color:#c0c5ce;">&quot;);
  122. </span><span style="color:#c0c5ce;"> });
  123. </span><span style="color:#c0c5ce;">
  124. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; &quot;</span><span style="color:#a3be8c;">Listening on port 8080...</span><span style="color:#c0c5ce;">&quot; &lt;&lt; std::endl;
  125. </span><span style="color:#c0c5ce;"> svr.</span><span style="color:#8fa1b3;">listen</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">0.0.0.0</span><span style="color:#c0c5ce;">&quot;, </span><span style="color:#d08770;">8080</span><span style="color:#c0c5ce;">);
  126. </span><span style="color:#c0c5ce;">}
  127. </span></pre>
  128. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  129. <span style="font-weight:bold;color:#a71d5d;">#include </span><span style="color:#183691;">&quot;httplib.h&quot;
  130. </span><span style="font-weight:bold;color:#a71d5d;">#include </span><span style="color:#183691;">&lt;iostream&gt;
  131. </span><span style="color:#323232;">
  132. </span><span style="font-weight:bold;color:#a71d5d;">int </span><span style="font-weight:bold;color:#795da3;">main</span><span style="color:#323232;">() {
  133. </span><span style="color:#323232;"> httplib::Server svr;
  134. </span><span style="color:#323232;">
  135. </span><span style="color:#323232;"> svr.Get(</span><span style="color:#183691;">&quot;/hi&quot;</span><span style="color:#323232;">, [](</span><span style="font-weight:bold;color:#a71d5d;">const auto &amp;</span><span style="color:#323232;">, </span><span style="font-weight:bold;color:#a71d5d;">auto &amp;</span><span style="color:#323232;">res) {
  136. </span><span style="color:#323232;"> res.set_content(</span><span style="color:#183691;">&quot;Hello!&quot;</span><span style="color:#323232;">, </span><span style="color:#183691;">&quot;text/plain&quot;</span><span style="color:#323232;">);
  137. </span><span style="color:#323232;"> });
  138. </span><span style="color:#323232;">
  139. </span><span style="color:#323232;"> svr.Get(</span><span style="color:#183691;">&quot;/search&quot;</span><span style="color:#323232;">, [](</span><span style="font-weight:bold;color:#a71d5d;">const auto &amp;</span><span style="color:#323232;">req, </span><span style="font-weight:bold;color:#a71d5d;">auto &amp;</span><span style="color:#323232;">res) {
  140. </span><span style="color:#323232;"> </span><span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> q </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> req.get_param_value(</span><span style="color:#183691;">&quot;q&quot;</span><span style="color:#323232;">);
  141. </span><span style="color:#323232;"> res.set_content(</span><span style="color:#183691;">&quot;Query: &quot; </span><span style="font-weight:bold;color:#a71d5d;">+</span><span style="color:#323232;"> q, </span><span style="color:#183691;">&quot;text/plain&quot;</span><span style="color:#323232;">);
  142. </span><span style="color:#323232;"> });
  143. </span><span style="color:#323232;">
  144. </span><span style="color:#323232;"> svr.Post(</span><span style="color:#183691;">&quot;/post&quot;</span><span style="color:#323232;">, [](</span><span style="font-weight:bold;color:#a71d5d;">const auto &amp;</span><span style="color:#323232;">req, </span><span style="font-weight:bold;color:#a71d5d;">auto &amp;</span><span style="color:#323232;">res) {
  145. </span><span style="color:#323232;"> res.set_content(req.body, </span><span style="color:#183691;">&quot;text/plain&quot;</span><span style="color:#323232;">);
  146. </span><span style="color:#323232;"> });
  147. </span><span style="color:#323232;">
  148. </span><span style="color:#323232;"> svr.Post(</span><span style="color:#183691;">&quot;/submit&quot;</span><span style="color:#323232;">, [](</span><span style="font-weight:bold;color:#a71d5d;">const auto &amp;</span><span style="color:#323232;">req, </span><span style="font-weight:bold;color:#a71d5d;">auto &amp;</span><span style="color:#323232;">res) {
  149. </span><span style="color:#323232;"> std::string result;
  150. </span><span style="color:#323232;"> </span><span style="font-weight:bold;color:#a71d5d;">for </span><span style="color:#323232;">(</span><span style="font-weight:bold;color:#a71d5d;">auto &amp;</span><span style="color:#323232;">[key, val] </span><span style="font-weight:bold;color:#a71d5d;">:</span><span style="color:#323232;"> req.params) {
  151. </span><span style="color:#323232;"> result </span><span style="font-weight:bold;color:#a71d5d;">+=</span><span style="color:#323232;"> key </span><span style="font-weight:bold;color:#a71d5d;">+ </span><span style="color:#183691;">&quot; = &quot; </span><span style="font-weight:bold;color:#a71d5d;">+</span><span style="color:#323232;"> val </span><span style="font-weight:bold;color:#a71d5d;">+ </span><span style="color:#183691;">&quot;</span><span style="color:#0086b3;">\n</span><span style="color:#183691;">&quot;</span><span style="color:#323232;">;
  152. </span><span style="color:#323232;"> }
  153. </span><span style="color:#323232;"> res.set_content(result, </span><span style="color:#183691;">&quot;text/plain&quot;</span><span style="color:#323232;">);
  154. </span><span style="color:#323232;"> });
  155. </span><span style="color:#323232;">
  156. </span><span style="color:#323232;"> svr.Post(</span><span style="color:#183691;">&quot;/upload&quot;</span><span style="color:#323232;">, [](</span><span style="font-weight:bold;color:#a71d5d;">const auto &amp;</span><span style="color:#323232;">req, </span><span style="font-weight:bold;color:#a71d5d;">auto &amp;</span><span style="color:#323232;">res) {
  157. </span><span style="color:#323232;"> </span><span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> f </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> req.form.get_file(</span><span style="color:#183691;">&quot;file&quot;</span><span style="color:#323232;">);
  158. </span><span style="color:#323232;"> </span><span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> content </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> f.filename </span><span style="font-weight:bold;color:#a71d5d;">+ </span><span style="color:#183691;">&quot; (&quot; </span><span style="font-weight:bold;color:#a71d5d;">+ </span><span style="color:#323232;">std::to_string(f.content.size()) </span><span style="font-weight:bold;color:#a71d5d;">+ </span><span style="color:#183691;">&quot; bytes)&quot;</span><span style="color:#323232;">;
  159. </span><span style="color:#323232;"> res.set_content(content, </span><span style="color:#183691;">&quot;text/plain&quot;</span><span style="color:#323232;">);
  160. </span><span style="color:#323232;"> });
  161. </span><span style="color:#323232;">
  162. </span><span style="color:#323232;"> svr.Get(</span><span style="color:#183691;">&quot;/users/:id&quot;</span><span style="color:#323232;">, [](</span><span style="font-weight:bold;color:#a71d5d;">const auto &amp;</span><span style="color:#323232;">req, </span><span style="font-weight:bold;color:#a71d5d;">auto &amp;</span><span style="color:#323232;">res) {
  163. </span><span style="color:#323232;"> </span><span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> id </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> req.path_params.at(</span><span style="color:#183691;">&quot;id&quot;</span><span style="color:#323232;">);
  164. </span><span style="color:#323232;"> res.set_content(</span><span style="color:#183691;">&quot;User ID: &quot; </span><span style="font-weight:bold;color:#a71d5d;">+</span><span style="color:#323232;"> id, </span><span style="color:#183691;">&quot;text/plain&quot;</span><span style="color:#323232;">);
  165. </span><span style="color:#323232;"> });
  166. </span><span style="color:#323232;">
  167. </span><span style="color:#323232;"> svr.Get(</span><span style="font-weight:bold;color:#a71d5d;">R</span><span style="color:#183691;">&quot;(/files/(\d+))&quot;</span><span style="color:#323232;">, [](</span><span style="font-weight:bold;color:#a71d5d;">const auto &amp;</span><span style="color:#323232;">req, </span><span style="font-weight:bold;color:#a71d5d;">auto &amp;</span><span style="color:#323232;">res) {
  168. </span><span style="color:#323232;"> </span><span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> id </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> req.matches[</span><span style="color:#0086b3;">1</span><span style="color:#323232;">];
  169. </span><span style="color:#323232;"> res.set_content(</span><span style="color:#183691;">&quot;File ID: &quot; </span><span style="font-weight:bold;color:#a71d5d;">+ </span><span style="color:#323232;">std::string(id), </span><span style="color:#183691;">&quot;text/plain&quot;</span><span style="color:#323232;">);
  170. </span><span style="color:#323232;"> });
  171. </span><span style="color:#323232;">
  172. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt; </span><span style="color:#183691;">&quot;Listening on port 8080...&quot; </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl;
  173. </span><span style="color:#323232;"> svr.listen(</span><span style="color:#183691;">&quot;0.0.0.0&quot;</span><span style="color:#323232;">, </span><span style="color:#0086b3;">8080</span><span style="color:#323232;">);
  174. </span><span style="color:#323232;">}
  175. </span></pre>
  176. </div></div>
  177. <h2>GET Request</h2>
  178. <p>Once the server is running, open a separate terminal and give it a try. Let's start with the simplest GET request.</p>
  179. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  180. <span style="color:#b48ead;">#include </span><span style="color:#c0c5ce;">&quot;</span><span style="color:#a3be8c;">httplib.h</span><span style="color:#c0c5ce;">&quot;
  181. </span><span style="color:#b48ead;">#include </span><span style="color:#c0c5ce;">&lt;</span><span style="color:#a3be8c;">iostream</span><span style="color:#c0c5ce;">&gt;
  182. </span><span style="color:#c0c5ce;">
  183. </span><span style="color:#b48ead;">int </span><span style="color:#8fa1b3;">main</span><span style="color:#c0c5ce;">() {
  184. </span><span style="color:#c0c5ce;"> httplib::Client </span><span style="color:#8fa1b3;">cli</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">http://localhost:8080</span><span style="color:#c0c5ce;">&quot;);
  185. </span><span style="color:#c0c5ce;">
  186. </span><span style="color:#c0c5ce;"> </span><span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> res = cli.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/hi</span><span style="color:#c0c5ce;">&quot;);
  187. </span><span style="color:#c0c5ce;"> </span><span style="color:#b48ead;">if </span><span style="color:#c0c5ce;">(res) {
  188. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">status </span><span style="color:#c0c5ce;">&lt;&lt; std::endl; </span><span style="color:#65737e;">// 200
  189. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">body </span><span style="color:#c0c5ce;">&lt;&lt; std::endl; </span><span style="color:#65737e;">// Hello!
  190. </span><span style="color:#c0c5ce;"> }
  191. </span><span style="color:#c0c5ce;">}
  192. </span></pre>
  193. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  194. <span style="font-weight:bold;color:#a71d5d;">#include </span><span style="color:#183691;">&quot;httplib.h&quot;
  195. </span><span style="font-weight:bold;color:#a71d5d;">#include </span><span style="color:#183691;">&lt;iostream&gt;
  196. </span><span style="color:#323232;">
  197. </span><span style="font-weight:bold;color:#a71d5d;">int </span><span style="font-weight:bold;color:#795da3;">main</span><span style="color:#323232;">() {
  198. </span><span style="color:#323232;"> httplib::Client cli(</span><span style="color:#183691;">&quot;http://localhost:8080&quot;</span><span style="color:#323232;">);
  199. </span><span style="color:#323232;">
  200. </span><span style="color:#323232;"> </span><span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> res </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> cli.Get(</span><span style="color:#183691;">&quot;/hi&quot;</span><span style="color:#323232;">);
  201. </span><span style="color:#323232;"> </span><span style="font-weight:bold;color:#a71d5d;">if </span><span style="color:#323232;">(res) {
  202. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;status </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// 200
  203. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;body </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// Hello!
  204. </span><span style="color:#323232;"> }
  205. </span><span style="color:#323232;">}
  206. </span></pre>
  207. </div></div>
  208. <p>Pass the server address to the <code>httplib::Client</code> constructor, then call <code>Get()</code> to send a request. You can retrieve the status code and body from the returned <code>res</code>.</p>
  209. <p>Here's the equivalent <code>curl</code> command.</p>
  210. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  211. <span style="color:#8fa1b3;">curl</span><span style="color:#c0c5ce;"> http://localhost:8080/hi
  212. </span><span style="color:#65737e;"># Hello!
  213. </span></pre>
  214. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  215. <span style="color:#323232;">curl http://localhost:8080/hi
  216. </span><span style="font-style:italic;color:#969896;"># Hello!
  217. </span></pre>
  218. </div></div>
  219. <h2>Checking the Response</h2>
  220. <p>A response contains header information in addition to the status code and body.</p>
  221. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  222. <span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> res = cli.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/hi</span><span style="color:#c0c5ce;">&quot;);
  223. </span><span style="color:#b48ead;">if </span><span style="color:#c0c5ce;">(res) {
  224. </span><span style="color:#c0c5ce;"> </span><span style="color:#65737e;">// Status code
  225. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">status </span><span style="color:#c0c5ce;">&lt;&lt; std::endl; </span><span style="color:#65737e;">// 200
  226. </span><span style="color:#c0c5ce;">
  227. </span><span style="color:#c0c5ce;"> </span><span style="color:#65737e;">// Body
  228. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">body </span><span style="color:#c0c5ce;">&lt;&lt; std::endl; </span><span style="color:#65737e;">// Hello!
  229. </span><span style="color:#c0c5ce;">
  230. </span><span style="color:#c0c5ce;"> </span><span style="color:#65737e;">// Headers
  231. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#8fa1b3;">get_header_value</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">Content-Type</span><span style="color:#c0c5ce;">&quot;) &lt;&lt; std::endl; </span><span style="color:#65737e;">// text/plain
  232. </span><span style="color:#c0c5ce;">}
  233. </span></pre>
  234. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  235. <span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> res </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> cli.Get(</span><span style="color:#183691;">&quot;/hi&quot;</span><span style="color:#323232;">);
  236. </span><span style="font-weight:bold;color:#a71d5d;">if </span><span style="color:#323232;">(res) {
  237. </span><span style="color:#323232;"> </span><span style="font-style:italic;color:#969896;">// Status code
  238. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;status </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// 200
  239. </span><span style="color:#323232;">
  240. </span><span style="color:#323232;"> </span><span style="font-style:italic;color:#969896;">// Body
  241. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;body </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// Hello!
  242. </span><span style="color:#323232;">
  243. </span><span style="color:#323232;"> </span><span style="font-style:italic;color:#969896;">// Headers
  244. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;get_header_value(</span><span style="color:#183691;">&quot;Content-Type&quot;</span><span style="color:#323232;">) </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// text/plain
  245. </span><span style="color:#323232;">}
  246. </span></pre>
  247. </div></div>
  248. <p><code>res-&gt;body</code> is a <code>std::string</code>, so if you want to parse a JSON response, you can pass it directly to a JSON library like <a href="https://github.com/nlohmann/json">nlohmann/json</a>.</p>
  249. <h2>Query Parameters</h2>
  250. <p>To add query parameters to a GET request, you can either write them directly in the URL or use <code>httplib::Params</code>.</p>
  251. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  252. <span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> res = cli.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/search</span><span style="color:#c0c5ce;">&quot;, httplib::Params{{&quot;</span><span style="color:#a3be8c;">q</span><span style="color:#c0c5ce;">&quot;, &quot;</span><span style="color:#a3be8c;">cpp-httplib</span><span style="color:#c0c5ce;">&quot;}});
  253. </span><span style="color:#b48ead;">if </span><span style="color:#c0c5ce;">(res) {
  254. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">body </span><span style="color:#c0c5ce;">&lt;&lt; std::endl; </span><span style="color:#65737e;">// Query: cpp-httplib
  255. </span><span style="color:#c0c5ce;">}
  256. </span></pre>
  257. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  258. <span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> res </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> cli.Get(</span><span style="color:#183691;">&quot;/search&quot;</span><span style="color:#323232;">, httplib::Params{{</span><span style="color:#183691;">&quot;q&quot;</span><span style="color:#323232;">, </span><span style="color:#183691;">&quot;cpp-httplib&quot;</span><span style="color:#323232;">}});
  259. </span><span style="font-weight:bold;color:#a71d5d;">if </span><span style="color:#323232;">(res) {
  260. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;body </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// Query: cpp-httplib
  261. </span><span style="color:#323232;">}
  262. </span></pre>
  263. </div></div>
  264. <p><code>httplib::Params</code> automatically URL-encodes special characters for you.</p>
  265. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  266. <span style="color:#8fa1b3;">curl </span><span style="color:#c0c5ce;">&quot;</span><span style="color:#a3be8c;">http://localhost:8080/search?q=cpp-httplib</span><span style="color:#c0c5ce;">&quot;
  267. </span><span style="color:#65737e;"># Query: cpp-httplib
  268. </span></pre>
  269. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  270. <span style="color:#323232;">curl </span><span style="color:#183691;">&quot;http://localhost:8080/search?q=cpp-httplib&quot;
  271. </span><span style="font-style:italic;color:#969896;"># Query: cpp-httplib
  272. </span></pre>
  273. </div></div>
  274. <h2>Path Parameters</h2>
  275. <p>When values are embedded directly in the URL path, no special client API is needed. Just pass the path to <code>Get()</code> as-is.</p>
  276. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  277. <span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> res = cli.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/users/42</span><span style="color:#c0c5ce;">&quot;);
  278. </span><span style="color:#b48ead;">if </span><span style="color:#c0c5ce;">(res) {
  279. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">body </span><span style="color:#c0c5ce;">&lt;&lt; std::endl; </span><span style="color:#65737e;">// User ID: 42
  280. </span><span style="color:#c0c5ce;">}
  281. </span></pre>
  282. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  283. <span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> res </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> cli.Get(</span><span style="color:#183691;">&quot;/users/42&quot;</span><span style="color:#323232;">);
  284. </span><span style="font-weight:bold;color:#a71d5d;">if </span><span style="color:#323232;">(res) {
  285. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;body </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// User ID: 42
  286. </span><span style="color:#323232;">}
  287. </span></pre>
  288. </div></div><div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  289. <span style="color:#8fa1b3;">curl</span><span style="color:#c0c5ce;"> http://localhost:8080/users/42
  290. </span><span style="color:#65737e;"># User ID: 42
  291. </span></pre>
  292. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  293. <span style="color:#323232;">curl http://localhost:8080/users/42
  294. </span><span style="font-style:italic;color:#969896;"># User ID: 42
  295. </span></pre>
  296. </div></div>
  297. <p>The test server also has a <code>/files/(\d+)</code> route that uses a regex to accept numeric IDs only.</p>
  298. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  299. <span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> res = cli.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/files/42</span><span style="color:#c0c5ce;">&quot;);
  300. </span><span style="color:#b48ead;">if </span><span style="color:#c0c5ce;">(res) {
  301. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">body </span><span style="color:#c0c5ce;">&lt;&lt; std::endl; </span><span style="color:#65737e;">// File ID: 42
  302. </span><span style="color:#c0c5ce;">}
  303. </span></pre>
  304. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  305. <span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> res </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> cli.Get(</span><span style="color:#183691;">&quot;/files/42&quot;</span><span style="color:#323232;">);
  306. </span><span style="font-weight:bold;color:#a71d5d;">if </span><span style="color:#323232;">(res) {
  307. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;body </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// File ID: 42
  308. </span><span style="color:#323232;">}
  309. </span></pre>
  310. </div></div><div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  311. <span style="color:#8fa1b3;">curl</span><span style="color:#c0c5ce;"> http://localhost:8080/files/42
  312. </span><span style="color:#65737e;"># File ID: 42
  313. </span></pre>
  314. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  315. <span style="color:#323232;">curl http://localhost:8080/files/42
  316. </span><span style="font-style:italic;color:#969896;"># File ID: 42
  317. </span></pre>
  318. </div></div>
  319. <p>Pass a non-numeric ID like <code>/files/abc</code> and you'll get a 404. We'll cover how that works in the next chapter.</p>
  320. <h2>Request Headers</h2>
  321. <p>To add custom HTTP headers, pass an <code>httplib::Headers</code> object. This works with both <code>Get()</code> and <code>Post()</code>.</p>
  322. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  323. <span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> res = cli.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/hi</span><span style="color:#c0c5ce;">&quot;, httplib::Headers{
  324. </span><span style="color:#c0c5ce;"> {&quot;</span><span style="color:#a3be8c;">Authorization</span><span style="color:#c0c5ce;">&quot;, &quot;</span><span style="color:#a3be8c;">Bearer my-token</span><span style="color:#c0c5ce;">&quot;}
  325. </span><span style="color:#c0c5ce;">});
  326. </span></pre>
  327. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  328. <span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> res </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> cli.Get(</span><span style="color:#183691;">&quot;/hi&quot;</span><span style="color:#323232;">, httplib::Headers{
  329. </span><span style="color:#323232;"> {</span><span style="color:#183691;">&quot;Authorization&quot;</span><span style="color:#323232;">, </span><span style="color:#183691;">&quot;Bearer my-token&quot;</span><span style="color:#323232;">}
  330. </span><span style="color:#323232;">});
  331. </span></pre>
  332. </div></div><div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  333. <span style="color:#8fa1b3;">curl</span><span style="color:#bf616a;"> -H </span><span style="color:#c0c5ce;">&quot;</span><span style="color:#a3be8c;">Authorization: Bearer my-token</span><span style="color:#c0c5ce;">&quot; http://localhost:8080/hi
  334. </span></pre>
  335. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  336. <span style="color:#323232;">curl -H </span><span style="color:#183691;">&quot;Authorization: Bearer my-token&quot;</span><span style="color:#323232;"> http://localhost:8080/hi
  337. </span></pre>
  338. </div></div>
  339. <h2>POST Request</h2>
  340. <p>Let's POST some text data. Pass the body as the second argument to <code>Post()</code> and the Content-Type as the third.</p>
  341. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  342. <span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> res = cli.</span><span style="color:#8fa1b3;">Post</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/post</span><span style="color:#c0c5ce;">&quot;, &quot;</span><span style="color:#a3be8c;">Hello, Server!</span><span style="color:#c0c5ce;">&quot;, &quot;</span><span style="color:#a3be8c;">text/plain</span><span style="color:#c0c5ce;">&quot;);
  343. </span><span style="color:#b48ead;">if </span><span style="color:#c0c5ce;">(res) {
  344. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">status </span><span style="color:#c0c5ce;">&lt;&lt; std::endl; </span><span style="color:#65737e;">// 200
  345. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">body </span><span style="color:#c0c5ce;">&lt;&lt; std::endl; </span><span style="color:#65737e;">// Hello, Server!
  346. </span><span style="color:#c0c5ce;">}
  347. </span></pre>
  348. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  349. <span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> res </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> cli.Post(</span><span style="color:#183691;">&quot;/post&quot;</span><span style="color:#323232;">, </span><span style="color:#183691;">&quot;Hello, Server!&quot;</span><span style="color:#323232;">, </span><span style="color:#183691;">&quot;text/plain&quot;</span><span style="color:#323232;">);
  350. </span><span style="font-weight:bold;color:#a71d5d;">if </span><span style="color:#323232;">(res) {
  351. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;status </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// 200
  352. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;body </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// Hello, Server!
  353. </span><span style="color:#323232;">}
  354. </span></pre>
  355. </div></div>
  356. <p>The test server's <code>/post</code> endpoint echoes the body back, so you get the same string you sent.</p>
  357. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  358. <span style="color:#8fa1b3;">curl</span><span style="color:#bf616a;"> -X</span><span style="color:#c0c5ce;"> POST</span><span style="color:#bf616a;"> -H </span><span style="color:#c0c5ce;">&quot;</span><span style="color:#a3be8c;">Content-Type: text/plain</span><span style="color:#c0c5ce;">&quot;</span><span style="color:#bf616a;"> -d </span><span style="color:#c0c5ce;">&quot;</span><span style="color:#a3be8c;">Hello, Server!</span><span style="color:#c0c5ce;">&quot; http://localhost:8080/post
  359. </span><span style="color:#65737e;"># Hello, Server!
  360. </span></pre>
  361. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  362. <span style="color:#323232;">curl -X POST -H </span><span style="color:#183691;">&quot;Content-Type: text/plain&quot;</span><span style="color:#323232;"> -d </span><span style="color:#183691;">&quot;Hello, Server!&quot;</span><span style="color:#323232;"> http://localhost:8080/post
  363. </span><span style="font-style:italic;color:#969896;"># Hello, Server!
  364. </span></pre>
  365. </div></div>
  366. <h2>Sending Form Data</h2>
  367. <p>You can send key-value pairs just like an HTML form. Use <code>httplib::Params</code> for this.</p>
  368. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  369. <span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> res = cli.</span><span style="color:#8fa1b3;">Post</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/submit</span><span style="color:#c0c5ce;">&quot;, httplib::Params{
  370. </span><span style="color:#c0c5ce;"> {&quot;</span><span style="color:#a3be8c;">name</span><span style="color:#c0c5ce;">&quot;, &quot;</span><span style="color:#a3be8c;">Alice</span><span style="color:#c0c5ce;">&quot;},
  371. </span><span style="color:#c0c5ce;"> {&quot;</span><span style="color:#a3be8c;">age</span><span style="color:#c0c5ce;">&quot;, &quot;</span><span style="color:#a3be8c;">30</span><span style="color:#c0c5ce;">&quot;}
  372. </span><span style="color:#c0c5ce;">});
  373. </span><span style="color:#b48ead;">if </span><span style="color:#c0c5ce;">(res) {
  374. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">body </span><span style="color:#c0c5ce;">&lt;&lt; std::endl;
  375. </span><span style="color:#c0c5ce;"> </span><span style="color:#65737e;">// age = 30
  376. </span><span style="color:#c0c5ce;"> </span><span style="color:#65737e;">// name = Alice
  377. </span><span style="color:#c0c5ce;">}
  378. </span></pre>
  379. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  380. <span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> res </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> cli.Post(</span><span style="color:#183691;">&quot;/submit&quot;</span><span style="color:#323232;">, httplib::Params{
  381. </span><span style="color:#323232;"> {</span><span style="color:#183691;">&quot;name&quot;</span><span style="color:#323232;">, </span><span style="color:#183691;">&quot;Alice&quot;</span><span style="color:#323232;">},
  382. </span><span style="color:#323232;"> {</span><span style="color:#183691;">&quot;age&quot;</span><span style="color:#323232;">, </span><span style="color:#183691;">&quot;30&quot;</span><span style="color:#323232;">}
  383. </span><span style="color:#323232;">});
  384. </span><span style="font-weight:bold;color:#a71d5d;">if </span><span style="color:#323232;">(res) {
  385. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;body </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl;
  386. </span><span style="color:#323232;"> </span><span style="font-style:italic;color:#969896;">// age = 30
  387. </span><span style="color:#323232;"> </span><span style="font-style:italic;color:#969896;">// name = Alice
  388. </span><span style="color:#323232;">}
  389. </span></pre>
  390. </div></div>
  391. <p>This sends the data in <code>application/x-www-form-urlencoded</code> format.</p>
  392. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  393. <span style="color:#8fa1b3;">curl</span><span style="color:#bf616a;"> -X</span><span style="color:#c0c5ce;"> POST</span><span style="color:#bf616a;"> -d </span><span style="color:#c0c5ce;">&quot;</span><span style="color:#a3be8c;">name=Alice&amp;age=30</span><span style="color:#c0c5ce;">&quot; http://localhost:8080/submit
  394. </span></pre>
  395. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  396. <span style="color:#323232;">curl -X POST -d </span><span style="color:#183691;">&quot;name=Alice&amp;age=30&quot;</span><span style="color:#323232;"> http://localhost:8080/submit
  397. </span></pre>
  398. </div></div>
  399. <h2>POSTing a File</h2>
  400. <p>To upload a file, use <code>httplib::UploadFormDataItems</code> to send it as multipart form data.</p>
  401. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  402. <span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> res = cli.</span><span style="color:#8fa1b3;">Post</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/upload</span><span style="color:#c0c5ce;">&quot;, httplib::UploadFormDataItems{
  403. </span><span style="color:#c0c5ce;"> {&quot;</span><span style="color:#a3be8c;">file</span><span style="color:#c0c5ce;">&quot;, &quot;</span><span style="color:#a3be8c;">Hello, File!</span><span style="color:#c0c5ce;">&quot;, &quot;</span><span style="color:#a3be8c;">hello.txt</span><span style="color:#c0c5ce;">&quot;, &quot;</span><span style="color:#a3be8c;">text/plain</span><span style="color:#c0c5ce;">&quot;}
  404. </span><span style="color:#c0c5ce;">});
  405. </span><span style="color:#b48ead;">if </span><span style="color:#c0c5ce;">(res) {
  406. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">body </span><span style="color:#c0c5ce;">&lt;&lt; std::endl; </span><span style="color:#65737e;">// hello.txt (12 bytes)
  407. </span><span style="color:#c0c5ce;">}
  408. </span></pre>
  409. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  410. <span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> res </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> cli.Post(</span><span style="color:#183691;">&quot;/upload&quot;</span><span style="color:#323232;">, httplib::UploadFormDataItems{
  411. </span><span style="color:#323232;"> {</span><span style="color:#183691;">&quot;file&quot;</span><span style="color:#323232;">, </span><span style="color:#183691;">&quot;Hello, File!&quot;</span><span style="color:#323232;">, </span><span style="color:#183691;">&quot;hello.txt&quot;</span><span style="color:#323232;">, </span><span style="color:#183691;">&quot;text/plain&quot;</span><span style="color:#323232;">}
  412. </span><span style="color:#323232;">});
  413. </span><span style="font-weight:bold;color:#a71d5d;">if </span><span style="color:#323232;">(res) {
  414. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;body </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl; </span><span style="font-style:italic;color:#969896;">// hello.txt (12 bytes)
  415. </span><span style="color:#323232;">}
  416. </span></pre>
  417. </div></div>
  418. <p>Each element in <code>UploadFormDataItems</code> has four fields: <code>{name, content, filename, content_type}</code>.</p>
  419. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  420. <span style="color:#8fa1b3;">curl</span><span style="color:#bf616a;"> -F </span><span style="color:#c0c5ce;">&quot;</span><span style="color:#a3be8c;">file=Hello, File!;filename=hello.txt;type=text/plain</span><span style="color:#c0c5ce;">&quot; http://localhost:8080/upload
  421. </span></pre>
  422. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  423. <span style="color:#323232;">curl -F </span><span style="color:#183691;">&quot;file=Hello, File!;filename=hello.txt;type=text/plain&quot;</span><span style="color:#323232;"> http://localhost:8080/upload
  424. </span></pre>
  425. </div></div>
  426. <h2>Error Handling</h2>
  427. <p>Network communication can fail -- the server might not be reachable. Always check whether <code>res</code> is valid.</p>
  428. <div class="code-block-wrapper"><div data-code-theme="dark"><pre style="background-color:#2b303b;">
  429. <span style="color:#c0c5ce;">httplib::Client </span><span style="color:#8fa1b3;">cli</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">http://localhost:9999</span><span style="color:#c0c5ce;">&quot;); </span><span style="color:#65737e;">// Non-existent port
  430. </span><span style="color:#b48ead;">auto</span><span style="color:#c0c5ce;"> res = cli.</span><span style="color:#8fa1b3;">Get</span><span style="color:#c0c5ce;">(&quot;</span><span style="color:#a3be8c;">/hi</span><span style="color:#c0c5ce;">&quot;);
  431. </span><span style="color:#c0c5ce;">
  432. </span><span style="color:#b48ead;">if </span><span style="color:#c0c5ce;">(!res) {
  433. </span><span style="color:#c0c5ce;"> </span><span style="color:#65737e;">// Connection error
  434. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; &quot;</span><span style="color:#a3be8c;">Error: </span><span style="color:#c0c5ce;">&quot; &lt;&lt; </span><span style="color:#8fa1b3;">httplib::to_string</span><span style="color:#c0c5ce;">(res.</span><span style="color:#8fa1b3;">error</span><span style="color:#c0c5ce;">()) &lt;&lt; std::endl;
  435. </span><span style="color:#c0c5ce;"> </span><span style="color:#65737e;">// Error: Connection
  436. </span><span style="color:#c0c5ce;"> </span><span style="color:#b48ead;">return </span><span style="color:#d08770;">1</span><span style="color:#c0c5ce;">;
  437. </span><span style="color:#c0c5ce;">}
  438. </span><span style="color:#c0c5ce;">
  439. </span><span style="color:#65737e;">// If we reach here, we have a response
  440. </span><span style="color:#b48ead;">if </span><span style="color:#c0c5ce;">(res-&gt;</span><span style="color:#bf616a;">status </span><span style="color:#c0c5ce;">!= </span><span style="color:#d08770;">200</span><span style="color:#c0c5ce;">) {
  441. </span><span style="color:#c0c5ce;"> std::cout &lt;&lt; &quot;</span><span style="color:#a3be8c;">HTTP Error: </span><span style="color:#c0c5ce;">&quot; &lt;&lt; res-&gt;</span><span style="color:#bf616a;">status </span><span style="color:#c0c5ce;">&lt;&lt; std::endl;
  442. </span><span style="color:#c0c5ce;"> </span><span style="color:#b48ead;">return </span><span style="color:#d08770;">1</span><span style="color:#c0c5ce;">;
  443. </span><span style="color:#c0c5ce;">}
  444. </span><span style="color:#c0c5ce;">
  445. </span><span style="color:#c0c5ce;">std::cout &lt;&lt; res-&gt;</span><span style="color:#bf616a;">body </span><span style="color:#c0c5ce;">&lt;&lt; std::endl;
  446. </span></pre>
  447. </div><div data-code-theme="light"><pre style="background-color:#ffffff;">
  448. <span style="color:#323232;">httplib::Client </span><span style="font-weight:bold;color:#795da3;">cli</span><span style="color:#323232;">(</span><span style="color:#183691;">&quot;http://localhost:9999&quot;</span><span style="color:#323232;">); </span><span style="font-style:italic;color:#969896;">// Non-existent port
  449. </span><span style="font-weight:bold;color:#a71d5d;">auto</span><span style="color:#323232;"> res </span><span style="font-weight:bold;color:#a71d5d;">=</span><span style="color:#323232;"> cli.Get(</span><span style="color:#183691;">&quot;/hi&quot;</span><span style="color:#323232;">);
  450. </span><span style="color:#323232;">
  451. </span><span style="font-weight:bold;color:#a71d5d;">if </span><span style="color:#323232;">(</span><span style="font-weight:bold;color:#a71d5d;">!</span><span style="color:#323232;">res) {
  452. </span><span style="color:#323232;"> </span><span style="font-style:italic;color:#969896;">// Connection error
  453. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt; </span><span style="color:#183691;">&quot;Error: &quot; </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt; </span><span style="color:#323232;">httplib::to_string(res.error()) </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl;
  454. </span><span style="color:#323232;"> </span><span style="font-style:italic;color:#969896;">// Error: Connection
  455. </span><span style="color:#323232;"> </span><span style="font-weight:bold;color:#a71d5d;">return </span><span style="color:#0086b3;">1</span><span style="color:#323232;">;
  456. </span><span style="color:#323232;">}
  457. </span><span style="color:#323232;">
  458. </span><span style="font-style:italic;color:#969896;">// If we reach here, we have a response
  459. </span><span style="font-weight:bold;color:#a71d5d;">if </span><span style="color:#323232;">(res-&gt;status </span><span style="font-weight:bold;color:#a71d5d;">!= </span><span style="color:#0086b3;">200</span><span style="color:#323232;">) {
  460. </span><span style="color:#323232;"> std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt; </span><span style="color:#183691;">&quot;HTTP Error: &quot; </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;status </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl;
  461. </span><span style="color:#323232;"> </span><span style="font-weight:bold;color:#a71d5d;">return </span><span style="color:#0086b3;">1</span><span style="color:#323232;">;
  462. </span><span style="color:#323232;">}
  463. </span><span style="color:#323232;">
  464. </span><span style="color:#323232;">std::cout </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> res-&gt;body </span><span style="font-weight:bold;color:#a71d5d;">&lt;&lt;</span><span style="color:#323232;"> std::endl;
  465. </span></pre>
  466. </div></div>
  467. <p>There are two levels of errors.</p>
  468. <ul>
  469. <li><strong>Connection error</strong>: The client couldn't reach the server. <code>res</code> evaluates to false, and you can call <code>res.error()</code> to find out what went wrong.</li>
  470. <li><strong>HTTP error</strong>: The server returned an error status (404, 500, etc.). <code>res</code> evaluates to true, but you need to check <code>res-&gt;status</code>.</li>
  471. </ul>
  472. <h2>Next Steps</h2>
  473. <p>Now you know how to send requests from a client. Next, let's take a closer look at the server side. We'll dig into routing, path parameters, and more.</p>
  474. <p><strong>Next:</strong> <a href="../03-basic-server">Basic Server</a></p>
  475. </article>
  476. </main>
  477. </div>
  478. <footer class="footer">
  479. © 2026 Yuji Hirose. All rights reserved.
  480. </footer>
  481. <!-- Search modal -->
  482. <div class="search-overlay" id="search-overlay">
  483. <div class="search-modal">
  484. <div class="search-input-wrap">
  485. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
  486. <input type="text" id="search-input" placeholder="Search..." autocomplete="off" spellcheck="false">
  487. <kbd class="search-esc">ESC</kbd>
  488. </div>
  489. <ul class="search-results" id="search-results"></ul>
  490. </div>
  491. </div>
  492. <script src="&#x2F;cpp-httplib/js/main.js"></script>
  493. </body>
  494. </html>