719 lines
53 KiB
HTML
719 lines
53 KiB
HTML
|
<!DOCTYPE HTML>
|
|||
|
<html lang="en" class="sidebar-visible no-js light">
|
|||
|
<head>
|
|||
|
<!-- Book generated using mdBook -->
|
|||
|
<meta charset="UTF-8">
|
|||
|
<title>Building a Single-Threaded Web Server - The Rust Programming Language</title>
|
|||
|
|
|||
|
|
|||
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
|
|||
|
<meta name="description" content="">
|
|||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|||
|
<meta name="theme-color" content="#ffffff" />
|
|||
|
|
|||
|
<link rel="shortcut icon" href="favicon.png">
|
|||
|
<link rel="stylesheet" href="css/variables.css">
|
|||
|
<link rel="stylesheet" href="css/general.css">
|
|||
|
<link rel="stylesheet" href="css/chrome.css">
|
|||
|
<link rel="stylesheet" href="css/print.css" media="print">
|
|||
|
|
|||
|
<!-- Fonts -->
|
|||
|
<link rel="stylesheet" href="FontAwesome/css/font-awesome.css">
|
|||
|
<link href="googleFonts/css.css" rel="stylesheet" type="text/css">
|
|||
|
|
|||
|
<!-- Highlight.js Stylesheets -->
|
|||
|
<link rel="stylesheet" href="highlight.css">
|
|||
|
<link rel="stylesheet" href="tomorrow-night.css">
|
|||
|
<link rel="stylesheet" href="ayu-highlight.css">
|
|||
|
|
|||
|
<!-- Custom theme stylesheets -->
|
|||
|
|
|||
|
<link rel="stylesheet" href="ferris.css">
|
|||
|
|
|||
|
<link rel="stylesheet" href="theme/2018-edition.css">
|
|||
|
|
|||
|
|
|||
|
|
|||
|
</head>
|
|||
|
<body>
|
|||
|
<!-- Provide site root to javascript -->
|
|||
|
<script type="text/javascript">
|
|||
|
var path_to_root = "";
|
|||
|
var default_theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "light" : "light";
|
|||
|
</script>
|
|||
|
|
|||
|
<!-- Work around some values being stored in localStorage wrapped in quotes -->
|
|||
|
<script type="text/javascript">
|
|||
|
try {
|
|||
|
var theme = localStorage.getItem('mdbook-theme');
|
|||
|
var sidebar = localStorage.getItem('mdbook-sidebar');
|
|||
|
|
|||
|
if (theme.startsWith('"') && theme.endsWith('"')) {
|
|||
|
localStorage.setItem('mdbook-theme', theme.slice(1, theme.length - 1));
|
|||
|
}
|
|||
|
|
|||
|
if (sidebar.startsWith('"') && sidebar.endsWith('"')) {
|
|||
|
localStorage.setItem('mdbook-sidebar', sidebar.slice(1, sidebar.length - 1));
|
|||
|
}
|
|||
|
} catch (e) { }
|
|||
|
</script>
|
|||
|
|
|||
|
<!-- Set the theme before any content is loaded, prevents flash -->
|
|||
|
<script type="text/javascript">
|
|||
|
var theme;
|
|||
|
try { theme = localStorage.getItem('mdbook-theme'); } catch(e) { }
|
|||
|
if (theme === null || theme === undefined) { theme = default_theme; }
|
|||
|
var html = document.querySelector('html');
|
|||
|
html.classList.remove('no-js')
|
|||
|
html.classList.remove('light')
|
|||
|
html.classList.add(theme);
|
|||
|
html.classList.add('js');
|
|||
|
</script>
|
|||
|
|
|||
|
<!-- Hide / unhide sidebar before it is displayed -->
|
|||
|
<script type="text/javascript">
|
|||
|
var html = document.querySelector('html');
|
|||
|
var sidebar = 'hidden';
|
|||
|
if (document.body.clientWidth >= 1080) {
|
|||
|
try { sidebar = localStorage.getItem('mdbook-sidebar'); } catch(e) { }
|
|||
|
sidebar = sidebar || 'visible';
|
|||
|
}
|
|||
|
html.classList.remove('sidebar-visible');
|
|||
|
html.classList.add("sidebar-" + sidebar);
|
|||
|
</script>
|
|||
|
|
|||
|
<nav id="sidebar" class="sidebar" aria-label="Table of contents">
|
|||
|
<div id="sidebar-scrollbox" class="sidebar-scrollbox">
|
|||
|
<ol class="chapter"><li class="expanded affix "><a href="title-page.html">The Rust Programming Language</a></li><li class="expanded affix "><a href="foreword.html">Foreword</a></li><li class="expanded affix "><a href="ch00-00-introduction.html">Introduction</a></li><li class="expanded "><a href="ch01-00-getting-started.html"><strong aria-hidden="true">1.</strong> Getting Started</a></li><li><ol class="section"><li class="expanded "><a href="ch01-01-installation.html"><strong aria-hidden="true">1.1.</strong> Installation</a></li><li class="expanded "><a href="ch01-02-hello-world.html"><strong aria-hidden="true">1.2.</strong> Hello, World!</a></li><li class="expanded "><a href="ch01-03-hello-cargo.html"><strong aria-hidden="true">1.3.</strong> Hello, Cargo!</a></li></ol></li><li class="expanded "><a href="ch02-00-guessing-game-tutorial.html"><strong aria-hidden="true">2.</strong> Programming a Guessing Game</a></li><li class="expanded "><a href="ch03-00-common-programming-concepts.html"><strong aria-hidden="true">3.</strong> Common Programming Concepts</a></li><li><ol class="section"><li class="expanded "><a href="ch03-01-variables-and-mutability.html"><strong aria-hidden="true">3.1.</strong> Variables and Mutability</a></li><li class="expanded "><a href="ch03-02-data-types.html"><strong aria-hidden="true">3.2.</strong> Data Types</a></li><li class="expanded "><a href="ch03-03-how-functions-work.html"><strong aria-hidden="true">3.3.</strong> Functions</a></li><li class="expanded "><a href="ch03-04-comments.html"><strong aria-hidden="true">3.4.</strong> Comments</a></li><li class="expanded "><a href="ch03-05-control-flow.html"><strong aria-hidden="true">3.5.</strong> Control Flow</a></li></ol></li><li class="expanded "><a href="ch04-00-understanding-ownership.html"><strong aria-hidden="true">4.</strong> Understanding Ownership</a></li><li><ol class="section"><li class="expanded "><a href="ch04-01-what-is-ownership.html"><strong aria-hidden="true">4.1.</strong> What is Ownership?</a></li><li class="expanded "><a href="ch04-02-references-and-borrowing.html"><strong aria-hidden="true">4.2.</strong> References and Borrowing</a></li><li class="expanded "><a href="ch04-03-slices.html"><strong aria-hidden="true">4.3.</strong> The Slice Type</a></li></ol></li><li class="expanded "><a href="ch05-00-structs.html"><strong aria-hidden="true">5.</strong> Using Structs to Structure Related Data</a></li><li><ol class="section"><li class="expanded "><a href="ch05-01-defining-structs.html"><strong aria-hidden="true">5.1.</strong> Defining and Instantiating Structs</a></li><li class="expanded "><a href="ch05-02-example-structs.html"><strong aria-hidden="true">5.2.</strong> An Example Program Using Structs</a></li><li class="expanded "><a href="ch05-03-method-syntax.html"><strong aria-hidden="true">5.3.</strong> Method Syntax</a></li></ol></li><li class="expanded "><a href="ch06-00-enums.html"><strong aria-hidden="true">6.</strong> Enums and Pattern Matching</a></li><li><ol class="section"><li class="expanded "><a href="ch06-01-defining-an-enum.html"><strong aria-hidden="true">6.1.</strong> Defining an Enum</a></li><li class="expanded "><a href="ch06-02-match.html"><strong aria-hidden="true">6.2.</strong> The match Control Flow Operator</a></li><li class="expanded "><a href="ch06-03-if-let.html"><strong aria-hidden="true">6.3.</strong> Concise Control Flow with if let</a></li></ol></li><li class="expanded "><a href="ch07-00-managing-growing-projects-with-packages-crates-and-modules.html"><strong aria-hidden="true">7.</strong> Managing Growing Projects with Packages, Crates, and Modules</a></li><li><ol class="section"><li class="expanded "><a href="ch07-01-packages-and-crates.html"><strong aria-hidden="true">7.1.</strong> Packages and Crates</a></li><li class="expanded "><a href="ch07-02-defining-modules-to-control-scope-and-privacy.html"><strong aria-hidden="true">7.2.</strong> Defining Modules to Control Scope and Privacy</a></li><li class="expanded "><a href="ch07-03-paths-for-referring-to-an-item-in-the-module-tree.html"><
|
|||
|
</div>
|
|||
|
<div id="sidebar-resize-handle" class="sidebar-resize-handle"></div>
|
|||
|
</nav>
|
|||
|
|
|||
|
<div id="page-wrapper" class="page-wrapper">
|
|||
|
|
|||
|
<div class="page">
|
|||
|
|
|||
|
<div id="menu-bar" class="menu-bar">
|
|||
|
<div id="menu-bar-sticky-container">
|
|||
|
<div class="left-buttons">
|
|||
|
<button id="sidebar-toggle" class="icon-button" type="button" title="Toggle Table of Contents" aria-label="Toggle Table of Contents" aria-controls="sidebar">
|
|||
|
<i class="fa fa-bars"></i>
|
|||
|
</button>
|
|||
|
<button id="theme-toggle" class="icon-button" type="button" title="Change theme" aria-label="Change theme" aria-haspopup="true" aria-expanded="false" aria-controls="theme-list">
|
|||
|
<i class="fa fa-paint-brush"></i>
|
|||
|
</button>
|
|||
|
<ul id="theme-list" class="theme-popup" aria-label="Themes" role="menu">
|
|||
|
<li role="none"><button role="menuitem" class="theme" id="light">Light (default)</button></li>
|
|||
|
<li role="none"><button role="menuitem" class="theme" id="rust">Rust</button></li>
|
|||
|
<li role="none"><button role="menuitem" class="theme" id="coal">Coal</button></li>
|
|||
|
<li role="none"><button role="menuitem" class="theme" id="navy">Navy</button></li>
|
|||
|
<li role="none"><button role="menuitem" class="theme" id="ayu">Ayu</button></li>
|
|||
|
</ul>
|
|||
|
|
|||
|
<button id="search-toggle" class="icon-button" type="button" title="Search. (Shortkey: s)" aria-label="Toggle Searchbar" aria-expanded="false" aria-keyshortcuts="S" aria-controls="searchbar">
|
|||
|
<i class="fa fa-search"></i>
|
|||
|
</button>
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
<h1 class="menu-title">The Rust Programming Language</h1>
|
|||
|
|
|||
|
<div class="right-buttons">
|
|||
|
<a href="print.html" title="Print this book" aria-label="Print this book">
|
|||
|
<i id="print-button" class="fa fa-print"></i>
|
|||
|
</a>
|
|||
|
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
<div id="search-wrapper" class="hidden">
|
|||
|
<form id="searchbar-outer" class="searchbar-outer">
|
|||
|
<input type="search" name="search" id="searchbar" name="searchbar" placeholder="Search this book ..." aria-controls="searchresults-outer" aria-describedby="searchresults-header">
|
|||
|
</form>
|
|||
|
<div id="searchresults-outer" class="searchresults-outer hidden">
|
|||
|
<div id="searchresults-header" class="searchresults-header"></div>
|
|||
|
<ul id="searchresults">
|
|||
|
</ul>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
<!-- Apply ARIA attributes after the sidebar and the sidebar toggle button are added to the DOM -->
|
|||
|
<script type="text/javascript">
|
|||
|
document.getElementById('sidebar-toggle').setAttribute('aria-expanded', sidebar === 'visible');
|
|||
|
document.getElementById('sidebar').setAttribute('aria-hidden', sidebar !== 'visible');
|
|||
|
Array.from(document.querySelectorAll('#sidebar a')).forEach(function(link) {
|
|||
|
link.setAttribute('tabIndex', sidebar === 'visible' ? 0 : -1);
|
|||
|
});
|
|||
|
</script>
|
|||
|
|
|||
|
<div id="content" class="content">
|
|||
|
<main>
|
|||
|
<h2><a class="header" href="#building-a-single-threaded-web-server" id="building-a-single-threaded-web-server">Building a Single-Threaded Web Server</a></h2>
|
|||
|
<p>We’ll start by getting a single-threaded web server working. Before we begin,
|
|||
|
let’s look at a quick overview of the protocols involved in building web
|
|||
|
servers. The details of these protocols are beyond the scope of this book, but
|
|||
|
a brief overview will give you the information you need.</p>
|
|||
|
<p>The two main protocols involved in web servers are the <em>Hypertext Transfer
|
|||
|
Protocol</em> <em>(HTTP)</em> and the <em>Transmission Control Protocol</em> <em>(TCP)</em>. Both
|
|||
|
protocols are <em>request-response</em> protocols, meaning a <em>client</em> initiates
|
|||
|
requests and a <em>server</em> listens to the requests and provides a response to the
|
|||
|
client. The contents of those requests and responses are defined by the
|
|||
|
protocols.</p>
|
|||
|
<p>TCP is the lower-level protocol that describes the details of how information
|
|||
|
gets from one server to another but doesn’t specify what that information is.
|
|||
|
HTTP builds on top of TCP by defining the contents of the requests and
|
|||
|
responses. It’s technically possible to use HTTP with other protocols, but in
|
|||
|
the vast majority of cases, HTTP sends its data over TCP. We’ll work with the
|
|||
|
raw bytes of TCP and HTTP requests and responses.</p>
|
|||
|
<h3><a class="header" href="#listening-to-the-tcp-connection" id="listening-to-the-tcp-connection">Listening to the TCP Connection</a></h3>
|
|||
|
<p>Our web server needs to listen to a TCP connection, so that’s the first part
|
|||
|
we’ll work on. The standard library offers a <code>std::net</code> module that lets us do
|
|||
|
this. Let’s make a new project in the usual fashion:</p>
|
|||
|
<pre><code class="language-text">$ cargo new hello
|
|||
|
Created binary (application) `hello` project
|
|||
|
$ cd hello
|
|||
|
</code></pre>
|
|||
|
<p>Now enter the code in Listing 20-1 in <em>src/main.rs</em> to start. This code will
|
|||
|
listen at the address <code>127.0.0.1:7878</code> for incoming TCP streams. When it gets
|
|||
|
an incoming stream, it will print <code>Connection established!</code>.</p>
|
|||
|
<p><span class="filename">Filename: src/main.rs</span></p>
|
|||
|
<pre><pre class="playpen"><code class="language-rust no_run">use std::net::TcpListener;
|
|||
|
|
|||
|
fn main() {
|
|||
|
let listener = TcpListener::bind("127.0.0.1:7878").unwrap();
|
|||
|
|
|||
|
for stream in listener.incoming() {
|
|||
|
let stream = stream.unwrap();
|
|||
|
|
|||
|
println!("Connection established!");
|
|||
|
}
|
|||
|
}
|
|||
|
</code></pre></pre>
|
|||
|
<p><span class="caption">Listing 20-1: Listening for incoming streams and printing
|
|||
|
a message when we receive a stream</span></p>
|
|||
|
<p>Using <code>TcpListener</code>, we can listen for TCP connections at the address
|
|||
|
<code>127.0.0.1:7878</code>. In the address, the section before the colon is an IP address
|
|||
|
representing your computer (this is the same on every computer and doesn’t
|
|||
|
represent the authors’ computer specifically), and <code>7878</code> is the port. We’ve
|
|||
|
chosen this port for two reasons: HTTP is normally accepted on this port, and
|
|||
|
7878 is <em>rust</em> typed on a telephone.</p>
|
|||
|
<p>The <code>bind</code> function in this scenario works like the <code>new</code> function in that it
|
|||
|
will return a new <code>TcpListener</code> instance. The reason the function is called
|
|||
|
<code>bind</code> is that in networking, connecting to a port to listen to is known as
|
|||
|
“binding to a port.”</p>
|
|||
|
<p>The <code>bind</code> function returns a <code>Result<T, E></code>, which indicates that binding
|
|||
|
might fail. For example, connecting to port 80 requires administrator
|
|||
|
privileges (nonadministrators can listen only on ports higher than 1024), so if
|
|||
|
we tried to connect to port 80 without being an administrator, binding wouldn’t
|
|||
|
work. As another example, binding wouldn’t work if we ran two instances of our
|
|||
|
program and so had two programs listening to the same port. Because we’re
|
|||
|
writing a basic server just for learning purposes, we won’t worry about
|
|||
|
handling these kinds of errors; instead, we use <code>unwrap</code> to stop the program if
|
|||
|
errors happen.</p>
|
|||
|
<p>The <code>incoming</code> method on <code>TcpListener</code> returns an iterator that gives us a
|
|||
|
sequence of streams (more specifically, streams of type <code>TcpStream</code>). A single
|
|||
|
<em>stream</em> represents an open connection between the client and the server. A
|
|||
|
<em>connection</em> is the name for the full request and response process in which a
|
|||
|
client connects to the server, the server generates a response, and the server
|
|||
|
closes the connection. As such, <code>TcpStream</code> will read from itself to see what
|
|||
|
the client sent and then allow us to write our response to the stream. Overall,
|
|||
|
this <code>for</code> loop will process each connection in turn and produce a series of
|
|||
|
streams for us to handle.</p>
|
|||
|
<p>For now, our handling of the stream consists of calling <code>unwrap</code> to terminate
|
|||
|
our program if the stream has any errors; if there aren’t any errors, the
|
|||
|
program prints a message. We’ll add more functionality for the success case in
|
|||
|
the next listing. The reason we might receive errors from the <code>incoming</code> method
|
|||
|
when a client connects to the server is that we’re not actually iterating over
|
|||
|
connections. Instead, we’re iterating over <em>connection attempts</em>. The
|
|||
|
connection might not be successful for a number of reasons, many of them
|
|||
|
operating system specific. For example, many operating systems have a limit to
|
|||
|
the number of simultaneous open connections they can support; new connection
|
|||
|
attempts beyond that number will produce an error until some of the open
|
|||
|
connections are closed.</p>
|
|||
|
<p>Let’s try running this code! Invoke <code>cargo run</code> in the terminal and then load
|
|||
|
<em>127.0.0.1:7878</em> in a web browser. The browser should show an error message
|
|||
|
like “Connection reset,” because the server isn’t currently sending back any
|
|||
|
data. But when you look at your terminal, you should see several messages that
|
|||
|
were printed when the browser connected to the server!</p>
|
|||
|
<pre><code class="language-text"> Running `target/debug/hello`
|
|||
|
Connection established!
|
|||
|
Connection established!
|
|||
|
Connection established!
|
|||
|
</code></pre>
|
|||
|
<p>Sometimes, you’ll see multiple messages printed for one browser request; the
|
|||
|
reason might be that the browser is making a request for the page as well as a
|
|||
|
request for other resources, like the <em>favicon.ico</em> icon that appears in the
|
|||
|
browser tab.</p>
|
|||
|
<p>It could also be that the browser is trying to connect to the server multiple
|
|||
|
times because the server isn’t responding with any data. When <code>stream</code> goes out
|
|||
|
of scope and is dropped at the end of the loop, the connection is closed as
|
|||
|
part of the <code>drop</code> implementation. Browsers sometimes deal with closed
|
|||
|
connections by retrying, because the problem might be temporary. The important
|
|||
|
factor is that we’ve successfully gotten a handle to a TCP connection!</p>
|
|||
|
<p>Remember to stop the program by pressing <span class="keystroke">ctrl-c</span>
|
|||
|
when you’re done running a particular version of the code. Then restart <code>cargo run</code> after you’ve made each set of code changes to make sure you’re running the
|
|||
|
newest code.</p>
|
|||
|
<h3><a class="header" href="#reading-the-request" id="reading-the-request">Reading the Request</a></h3>
|
|||
|
<p>Let’s implement the functionality to read the request from the browser! To
|
|||
|
separate the concerns of first getting a connection and then taking some action
|
|||
|
with the connection, we’ll start a new function for processing connections. In
|
|||
|
this new <code>handle_connection</code> function, we’ll read data from the TCP stream and
|
|||
|
print it so we can see the data being sent from the browser. Change the code to
|
|||
|
look like Listing 20-2.</p>
|
|||
|
<p><span class="filename">Filename: src/main.rs</span></p>
|
|||
|
<pre><pre class="playpen"><code class="language-rust no_run">use std::io::prelude::*;
|
|||
|
use std::net::TcpStream;
|
|||
|
use std::net::TcpListener;
|
|||
|
|
|||
|
fn main() {
|
|||
|
let listener = TcpListener::bind("127.0.0.1:7878").unwrap();
|
|||
|
|
|||
|
for stream in listener.incoming() {
|
|||
|
let stream = stream.unwrap();
|
|||
|
|
|||
|
handle_connection(stream);
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
fn handle_connection(mut stream: TcpStream) {
|
|||
|
let mut buffer = [0; 512];
|
|||
|
|
|||
|
stream.read(&mut buffer).unwrap();
|
|||
|
|
|||
|
println!("Request: {}", String::from_utf8_lossy(&buffer[..]));
|
|||
|
}
|
|||
|
</code></pre></pre>
|
|||
|
<p><span class="caption">Listing 20-2: Reading from the <code>TcpStream</code> and printing
|
|||
|
the data</span></p>
|
|||
|
<p>We bring <code>std::io::prelude</code> into scope to get access to certain traits that let
|
|||
|
us read from and write to the stream. In the <code>for</code> loop in the <code>main</code> function,
|
|||
|
instead of printing a message that says we made a connection, we now call the
|
|||
|
new <code>handle_connection</code> function and pass the <code>stream</code> to it.</p>
|
|||
|
<p>In the <code>handle_connection</code> function, we’ve made the <code>stream</code> parameter mutable.
|
|||
|
The reason is that the <code>TcpStream</code> instance keeps track of what data it returns
|
|||
|
to us internally. It might read more data than we asked for and save that data
|
|||
|
for the next time we ask for data. It therefore needs to be <code>mut</code> because its
|
|||
|
internal state might change; usually, we think of “reading” as not needing
|
|||
|
mutation, but in this case we need the <code>mut</code> keyword.</p>
|
|||
|
<p>Next, we need to actually read from the stream. We do this in two steps: first,
|
|||
|
we declare a <code>buffer</code> on the stack to hold the data that is read in. We’ve made
|
|||
|
the buffer 512 bytes in size, which is big enough to hold the data of a basic
|
|||
|
request and sufficient for our purposes in this chapter. If we wanted to handle
|
|||
|
requests of an arbitrary size, buffer management would need to be more
|
|||
|
complicated; we’ll keep it simple for now. We pass the buffer to <code>stream.read</code>,
|
|||
|
which will read bytes from the <code>TcpStream</code> and put them in the buffer.</p>
|
|||
|
<p>Second, we convert the bytes in the buffer to a string and print that string.
|
|||
|
The <code>String::from_utf8_lossy</code> function takes a <code>&[u8]</code> and produces a <code>String</code>
|
|||
|
from it. The “lossy” part of the name indicates the behavior of this function
|
|||
|
when it sees an invalid UTF-8 sequence: it will replace the invalid sequence
|
|||
|
with <code><EFBFBD></code>, the <code>U+FFFD REPLACEMENT CHARACTER</code>. You might see replacement
|
|||
|
characters for characters in the buffer that aren’t filled by request data.</p>
|
|||
|
<p>Let’s try this code! Start the program and make a request in a web browser
|
|||
|
again. Note that we’ll still get an error page in the browser, but our
|
|||
|
program’s output in the terminal will now look similar to this:</p>
|
|||
|
<pre><code class="language-text">$ cargo run
|
|||
|
Compiling hello v0.1.0 (file:///projects/hello)
|
|||
|
Finished dev [unoptimized + debuginfo] target(s) in 0.42 secs
|
|||
|
Running `target/debug/hello`
|
|||
|
Request: GET / HTTP/1.1
|
|||
|
Host: 127.0.0.1:7878
|
|||
|
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101
|
|||
|
Firefox/52.0
|
|||
|
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
|
|||
|
Accept-Language: en-US,en;q=0.5
|
|||
|
Accept-Encoding: gzip, deflate
|
|||
|
Connection: keep-alive
|
|||
|
Upgrade-Insecure-Requests: 1
|
|||
|
<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|||
|
</code></pre>
|
|||
|
<p>Depending on your browser, you might get slightly different output. Now that
|
|||
|
we’re printing the request data, we can see why we get multiple connections
|
|||
|
from one browser request by looking at the path after <code>Request: GET</code>. If the
|
|||
|
repeated connections are all requesting <em>/</em>, we know the browser is trying to
|
|||
|
fetch <em>/</em> repeatedly because it’s not getting a response from our program.</p>
|
|||
|
<p>Let’s break down this request data to understand what the browser is asking of
|
|||
|
our program.</p>
|
|||
|
<h3><a class="header" href="#a-closer-look-at-an-http-request" id="a-closer-look-at-an-http-request">A Closer Look at an HTTP Request</a></h3>
|
|||
|
<p>HTTP is a text-based protocol, and a request takes this format:</p>
|
|||
|
<pre><code class="language-text">Method Request-URI HTTP-Version CRLF
|
|||
|
headers CRLF
|
|||
|
message-body
|
|||
|
</code></pre>
|
|||
|
<p>The first line is the <em>request line</em> that holds information about what the
|
|||
|
client is requesting. The first part of the request line indicates the <em>method</em>
|
|||
|
being used, such as <code>GET</code> or <code>POST</code>, which describes how the client is making
|
|||
|
this request. Our client used a <code>GET</code> request.</p>
|
|||
|
<p>The next part of the request line is <em>/</em>, which indicates the <em>Uniform Resource
|
|||
|
Identifier</em> <em>(URI)</em> the client is requesting: a URI is almost, but not quite,
|
|||
|
the same as a <em>Uniform Resource Locator</em> <em>(URL)</em>. The difference between URIs
|
|||
|
and URLs isn’t important for our purposes in this chapter, but the HTTP spec
|
|||
|
uses the term URI, so we can just mentally substitute URL for URI here.</p>
|
|||
|
<p>The last part is the HTTP version the client uses, and then the request line
|
|||
|
ends in a <em>CRLF sequence</em>. (CRLF stands for <em>carriage return</em> and <em>line feed</em>,
|
|||
|
which are terms from the typewriter days!) The CRLF sequence can also be
|
|||
|
written as <code>\r\n</code>, where <code>\r</code> is a carriage return and <code>\n</code> is a line feed. The
|
|||
|
CRLF sequence separates the request line from the rest of the request data.
|
|||
|
Note that when the CRLF is printed, we see a new line start rather than <code>\r\n</code>.</p>
|
|||
|
<p>Looking at the request line data we received from running our program so far,
|
|||
|
we see that <code>GET</code> is the method, <em>/</em> is the request URI, and <code>HTTP/1.1</code> is the
|
|||
|
version.</p>
|
|||
|
<p>After the request line, the remaining lines starting from <code>Host:</code> onward are
|
|||
|
headers. <code>GET</code> requests have no body.</p>
|
|||
|
<p>Try making a request from a different browser or asking for a different
|
|||
|
address, such as <em>127.0.0.1:7878/test</em>, to see how the request data changes.</p>
|
|||
|
<p>Now that we know what the browser is asking for, let’s send back some data!</p>
|
|||
|
<h3><a class="header" href="#writing-a-response" id="writing-a-response">Writing a Response</a></h3>
|
|||
|
<p>Now we’ll implement sending data in response to a client request. Responses
|
|||
|
have the following format:</p>
|
|||
|
<pre><code class="language-text">HTTP-Version Status-Code Reason-Phrase CRLF
|
|||
|
headers CRLF
|
|||
|
message-body
|
|||
|
</code></pre>
|
|||
|
<p>The first line is a <em>status line</em> that contains the HTTP version used in the
|
|||
|
response, a numeric status code that summarizes the result of the request, and
|
|||
|
a reason phrase that provides a text description of the status code. After the
|
|||
|
CRLF sequence are any headers, another CRLF sequence, and the body of the
|
|||
|
response.</p>
|
|||
|
<p>Here is an example response that uses HTTP version 1.1, has a status code of
|
|||
|
200, an OK reason phrase, no headers, and no body:</p>
|
|||
|
<pre><code class="language-text">HTTP/1.1 200 OK\r\n\r\n
|
|||
|
</code></pre>
|
|||
|
<p>The status code 200 is the standard success response. The text is a tiny
|
|||
|
successful HTTP response. Let’s write this to the stream as our response to a
|
|||
|
successful request! From the <code>handle_connection</code> function, remove the
|
|||
|
<code>println!</code> that was printing the request data and replace it with the code in
|
|||
|
Listing 20-3.</p>
|
|||
|
<p><span class="filename">Filename: src/main.rs</span></p>
|
|||
|
<pre><pre class="playpen"><code class="language-rust">
|
|||
|
<span class="boring">#![allow(unused_variables)]
|
|||
|
</span><span class="boring">fn main() {
|
|||
|
</span><span class="boring">use std::io::prelude::*;
|
|||
|
</span><span class="boring">use std::net::TcpStream;
|
|||
|
</span>fn handle_connection(mut stream: TcpStream) {
|
|||
|
let mut buffer = [0; 512];
|
|||
|
|
|||
|
stream.read(&mut buffer).unwrap();
|
|||
|
|
|||
|
let response = "HTTP/1.1 200 OK\r\n\r\n";
|
|||
|
|
|||
|
stream.write(response.as_bytes()).unwrap();
|
|||
|
stream.flush().unwrap();
|
|||
|
}
|
|||
|
<span class="boring">}
|
|||
|
</span></code></pre></pre>
|
|||
|
<p><span class="caption">Listing 20-3: Writing a tiny successful HTTP response to
|
|||
|
the stream</span></p>
|
|||
|
<p>The first new line defines the <code>response</code> variable that holds the success
|
|||
|
message’s data. Then we call <code>as_bytes</code> on our <code>response</code> to convert the string
|
|||
|
data to bytes. The <code>write</code> method on <code>stream</code> takes a <code>&[u8]</code> and sends those
|
|||
|
bytes directly down the connection.</p>
|
|||
|
<p>Because the <code>write</code> operation could fail, we use <code>unwrap</code> on any error result
|
|||
|
as before. Again, in a real application you would add error handling here.
|
|||
|
Finally, <code>flush</code> will wait and prevent the program from continuing until all
|
|||
|
the bytes are written to the connection; <code>TcpStream</code> contains an internal
|
|||
|
buffer to minimize calls to the underlying operating system.</p>
|
|||
|
<p>With these changes, let’s run our code and make a request. We’re no longer
|
|||
|
printing any data to the terminal, so we won’t see any output other than the
|
|||
|
output from Cargo. When you load <em>127.0.0.1:7878</em> in a web browser, you should
|
|||
|
get a blank page instead of an error. You’ve just hand-coded an HTTP request
|
|||
|
and response!</p>
|
|||
|
<h3><a class="header" href="#returning-real-html" id="returning-real-html">Returning Real HTML</a></h3>
|
|||
|
<p>Let’s implement the functionality for returning more than a blank page. Create
|
|||
|
a new file, <em>hello.html</em>, in the root of your project directory, not in the
|
|||
|
<em>src</em> directory. You can input any HTML you want; Listing 20-4 shows one
|
|||
|
possibility.</p>
|
|||
|
<p><span class="filename">Filename: hello.html</span></p>
|
|||
|
<pre><code class="language-html"><!DOCTYPE html>
|
|||
|
<html lang="en">
|
|||
|
<head>
|
|||
|
<meta charset="utf-8">
|
|||
|
<title>Hello!</title>
|
|||
|
</head>
|
|||
|
<body>
|
|||
|
<h1>Hello!</h1>
|
|||
|
<p>Hi from Rust</p>
|
|||
|
</body>
|
|||
|
</html>
|
|||
|
</code></pre>
|
|||
|
<p><span class="caption">Listing 20-4: A sample HTML file to return in a
|
|||
|
response</span></p>
|
|||
|
<p>This is a minimal HTML5 document with a heading and some text. To return this
|
|||
|
from the server when a request is received, we’ll modify <code>handle_connection</code> as
|
|||
|
shown in Listing 20-5 to read the HTML file, add it to the response as a body,
|
|||
|
and send it.</p>
|
|||
|
<p><span class="filename">Filename: src/main.rs</span></p>
|
|||
|
<pre><pre class="playpen"><code class="language-rust">
|
|||
|
<span class="boring">#![allow(unused_variables)]
|
|||
|
</span><span class="boring">fn main() {
|
|||
|
</span><span class="boring">use std::io::prelude::*;
|
|||
|
</span><span class="boring">use std::net::TcpStream;
|
|||
|
</span>use std::fs;
|
|||
|
// --snip--
|
|||
|
|
|||
|
fn handle_connection(mut stream: TcpStream) {
|
|||
|
let mut buffer = [0; 512];
|
|||
|
stream.read(&mut buffer).unwrap();
|
|||
|
|
|||
|
let contents = fs::read_to_string("hello.html").unwrap();
|
|||
|
|
|||
|
let response = format!("HTTP/1.1 200 OK\r\n\r\n{}", contents);
|
|||
|
|
|||
|
stream.write(response.as_bytes()).unwrap();
|
|||
|
stream.flush().unwrap();
|
|||
|
}
|
|||
|
<span class="boring">}
|
|||
|
</span></code></pre></pre>
|
|||
|
<p><span class="caption">Listing 20-5: Sending the contents of <em>hello.html</em> as the
|
|||
|
body of the response</span></p>
|
|||
|
<p>We’ve added a line at the top to bring the standard library’s filesystem module
|
|||
|
into scope. The code for reading the contents of a file to a string should look
|
|||
|
familiar; we used it in Chapter 12 when we read the contents of a file for our
|
|||
|
I/O project in Listing 12-4.</p>
|
|||
|
<p>Next, we use <code>format!</code> to add the file’s contents as the body of the success
|
|||
|
response.</p>
|
|||
|
<p>Run this code with <code>cargo run</code> and load <em>127.0.0.1:7878</em> in your browser; you
|
|||
|
should see your HTML rendered!</p>
|
|||
|
<p>Currently, we’re ignoring the request data in <code>buffer</code> and just sending back
|
|||
|
the contents of the HTML file unconditionally. That means if you try requesting
|
|||
|
<em>127.0.0.1:7878/something-else</em> in your browser, you’ll still get back this
|
|||
|
same HTML response. Our server is very limited and is not what most web servers
|
|||
|
do. We want to customize our responses depending on the request and only send
|
|||
|
back the HTML file for a well-formed request to <em>/</em>.</p>
|
|||
|
<h3><a class="header" href="#validating-the-request-and-selectively-responding" id="validating-the-request-and-selectively-responding">Validating the Request and Selectively Responding</a></h3>
|
|||
|
<p>Right now, our web server will return the HTML in the file no matter what the
|
|||
|
client requested. Let’s add functionality to check that the browser is
|
|||
|
requesting <em>/</em> before returning the HTML file and return an error if the
|
|||
|
browser requests anything else. For this we need to modify <code>handle_connection</code>,
|
|||
|
as shown in Listing 20-6. This new code checks the content of the request
|
|||
|
received against what we know a request for <em>/</em> looks like and adds <code>if</code> and
|
|||
|
<code>else</code> blocks to treat requests differently.</p>
|
|||
|
<p><span class="filename">Filename: src/main.rs</span></p>
|
|||
|
<pre><pre class="playpen"><code class="language-rust">
|
|||
|
<span class="boring">#![allow(unused_variables)]
|
|||
|
</span><span class="boring">fn main() {
|
|||
|
</span><span class="boring">use std::io::prelude::*;
|
|||
|
</span><span class="boring">use std::net::TcpStream;
|
|||
|
</span><span class="boring">use std::fs;
|
|||
|
</span>// --snip--
|
|||
|
|
|||
|
fn handle_connection(mut stream: TcpStream) {
|
|||
|
let mut buffer = [0; 512];
|
|||
|
stream.read(&mut buffer).unwrap();
|
|||
|
|
|||
|
let get = b"GET / HTTP/1.1\r\n";
|
|||
|
|
|||
|
if buffer.starts_with(get) {
|
|||
|
let contents = fs::read_to_string("hello.html").unwrap();
|
|||
|
|
|||
|
let response = format!("HTTP/1.1 200 OK\r\n\r\n{}", contents);
|
|||
|
|
|||
|
stream.write(response.as_bytes()).unwrap();
|
|||
|
stream.flush().unwrap();
|
|||
|
} else {
|
|||
|
// some other request
|
|||
|
}
|
|||
|
}
|
|||
|
<span class="boring">}
|
|||
|
</span></code></pre></pre>
|
|||
|
<p><span class="caption">Listing 20-6: Matching the request and handling requests
|
|||
|
to <em>/</em> differently from other requests</span></p>
|
|||
|
<p>First, we hardcode the data corresponding to the <em>/</em> request into the <code>get</code>
|
|||
|
variable. Because we’re reading raw bytes into the buffer, we transform <code>get</code>
|
|||
|
into a byte string by adding the <code>b""</code> byte string syntax at the start of the
|
|||
|
content data. Then we check whether <code>buffer</code> starts with the bytes in <code>get</code>. If
|
|||
|
it does, it means we’ve received a well-formed request to <em>/</em>, which is the
|
|||
|
success case we’ll handle in the <code>if</code> block that returns the contents of our
|
|||
|
HTML file.</p>
|
|||
|
<p>If <code>buffer</code> does <em>not</em> start with the bytes in <code>get</code>, it means we’ve received
|
|||
|
some other request. We’ll add code to the <code>else</code> block in a moment to respond
|
|||
|
to all other requests.</p>
|
|||
|
<p>Run this code now and request <em>127.0.0.1:7878</em>; you should get the HTML in
|
|||
|
<em>hello.html</em>. If you make any other request, such as
|
|||
|
<em>127.0.0.1:7878/something-else</em>, you’ll get a connection error like those you
|
|||
|
saw when running the code in Listing 20-1 and Listing 20-2.</p>
|
|||
|
<p>Now let’s add the code in Listing 20-7 to the <code>else</code> block to return a response
|
|||
|
with the status code 404, which signals that the content for the request was
|
|||
|
not found. We’ll also return some HTML for a page to render in the browser
|
|||
|
indicating the response to the end user.</p>
|
|||
|
<p><span class="filename">Filename: src/main.rs</span></p>
|
|||
|
<pre><pre class="playpen"><code class="language-rust">
|
|||
|
<span class="boring">#![allow(unused_variables)]
|
|||
|
</span><span class="boring">fn main() {
|
|||
|
</span><span class="boring">use std::io::prelude::*;
|
|||
|
</span><span class="boring">use std::net::TcpStream;
|
|||
|
</span><span class="boring">use std::fs;
|
|||
|
</span><span class="boring">fn handle_connection(mut stream: TcpStream) {
|
|||
|
</span><span class="boring">if true {
|
|||
|
</span>// --snip--
|
|||
|
|
|||
|
} else {
|
|||
|
let status_line = "HTTP/1.1 404 NOT FOUND\r\n\r\n";
|
|||
|
let contents = fs::read_to_string("404.html").unwrap();
|
|||
|
|
|||
|
let response = format!("{}{}", status_line, contents);
|
|||
|
|
|||
|
stream.write(response.as_bytes()).unwrap();
|
|||
|
stream.flush().unwrap();
|
|||
|
}
|
|||
|
<span class="boring">}
|
|||
|
</span><span class="boring">}
|
|||
|
</span></code></pre></pre>
|
|||
|
<p><span class="caption">Listing 20-7: Responding with status code 404 and an
|
|||
|
error page if anything other than <em>/</em> was requested</span></p>
|
|||
|
<p>Here, our response has a status line with status code 404 and the reason
|
|||
|
phrase <code>NOT FOUND</code>. We’re still not returning headers, and the body of the
|
|||
|
response will be the HTML in the file <em>404.html</em>. You’ll need to create a
|
|||
|
<em>404.html</em> file next to <em>hello.html</em> for the error page; again feel free to use
|
|||
|
any HTML you want or use the example HTML in Listing 20-8.</p>
|
|||
|
<p><span class="filename">Filename: 404.html</span></p>
|
|||
|
<pre><code class="language-html"><!DOCTYPE html>
|
|||
|
<html lang="en">
|
|||
|
<head>
|
|||
|
<meta charset="utf-8">
|
|||
|
<title>Hello!</title>
|
|||
|
</head>
|
|||
|
<body>
|
|||
|
<h1>Oops!</h1>
|
|||
|
<p>Sorry, I don't know what you're asking for.</p>
|
|||
|
</body>
|
|||
|
</html>
|
|||
|
</code></pre>
|
|||
|
<p><span class="caption">Listing 20-8: Sample content for the page to send back
|
|||
|
with any 404 response</span></p>
|
|||
|
<p>With these changes, run your server again. Requesting <em>127.0.0.1:7878</em>
|
|||
|
should return the contents of <em>hello.html</em>, and any other request, like
|
|||
|
<em>127.0.0.1:7878/foo</em>, should return the error HTML from <em>404.html</em>.</p>
|
|||
|
<h3><a class="header" href="#a-touch-of-refactoring" id="a-touch-of-refactoring">A Touch of Refactoring</a></h3>
|
|||
|
<p>At the moment the <code>if</code> and <code>else</code> blocks have a lot of repetition: they’re both
|
|||
|
reading files and writing the contents of the files to the stream. The only
|
|||
|
differences are the status line and the filename. Let’s make the code more
|
|||
|
concise by pulling out those differences into separate <code>if</code> and <code>else</code> lines
|
|||
|
that will assign the values of the status line and the filename to variables;
|
|||
|
we can then use those variables unconditionally in the code to read the file
|
|||
|
and write the response. Listing 20-9 shows the resulting code after replacing
|
|||
|
the large <code>if</code> and <code>else</code> blocks.</p>
|
|||
|
<p><span class="filename">Filename: src/main.rs</span></p>
|
|||
|
<pre><pre class="playpen"><code class="language-rust">
|
|||
|
<span class="boring">#![allow(unused_variables)]
|
|||
|
</span><span class="boring">fn main() {
|
|||
|
</span><span class="boring">use std::io::prelude::*;
|
|||
|
</span><span class="boring">use std::net::TcpStream;
|
|||
|
</span><span class="boring">use std::fs;
|
|||
|
</span>// --snip--
|
|||
|
|
|||
|
fn handle_connection(mut stream: TcpStream) {
|
|||
|
<span class="boring"> let mut buffer = [0; 512];
|
|||
|
</span><span class="boring"> stream.read(&mut buffer).unwrap();
|
|||
|
</span><span class="boring">
|
|||
|
</span><span class="boring"> let get = b"GET / HTTP/1.1\r\n";
|
|||
|
</span> // --snip--
|
|||
|
|
|||
|
let (status_line, filename) = if buffer.starts_with(get) {
|
|||
|
("HTTP/1.1 200 OK\r\n\r\n", "hello.html")
|
|||
|
} else {
|
|||
|
("HTTP/1.1 404 NOT FOUND\r\n\r\n", "404.html")
|
|||
|
};
|
|||
|
|
|||
|
let contents = fs::read_to_string(filename).unwrap();
|
|||
|
|
|||
|
let response = format!("{}{}", status_line, contents);
|
|||
|
|
|||
|
stream.write(response.as_bytes()).unwrap();
|
|||
|
stream.flush().unwrap();
|
|||
|
}
|
|||
|
<span class="boring">}
|
|||
|
</span></code></pre></pre>
|
|||
|
<p><span class="caption">Listing 20-9: Refactoring the <code>if</code> and <code>else</code> blocks to
|
|||
|
contain only the code that differs between the two cases</span></p>
|
|||
|
<p>Now the <code>if</code> and <code>else</code> blocks only return the appropriate values for the
|
|||
|
status line and filename in a tuple; we then use destructuring to assign these
|
|||
|
two values to <code>status_line</code> and <code>filename</code> using a pattern in the <code>let</code>
|
|||
|
statement, as discussed in Chapter 18.</p>
|
|||
|
<p>The previously duplicated code is now outside the <code>if</code> and <code>else</code> blocks and
|
|||
|
uses the <code>status_line</code> and <code>filename</code> variables. This makes it easier to see
|
|||
|
the difference between the two cases, and it means we have only one place to
|
|||
|
update the code if we want to change how the file reading and response writing
|
|||
|
work. The behavior of the code in Listing 20-9 will be the same as that in
|
|||
|
Listing 20-8.</p>
|
|||
|
<p>Awesome! We now have a simple web server in approximately 40 lines of Rust code
|
|||
|
that responds to one request with a page of content and responds to all other
|
|||
|
requests with a 404 response.</p>
|
|||
|
<p>Currently, our server runs in a single thread, meaning it can only serve one
|
|||
|
request at a time. Let’s examine how that can be a problem by simulating some
|
|||
|
slow requests. Then we’ll fix it so our server can handle multiple requests at
|
|||
|
once.</p>
|
|||
|
|
|||
|
</main>
|
|||
|
|
|||
|
<nav class="nav-wrapper" aria-label="Page navigation">
|
|||
|
<!-- Mobile navigation buttons -->
|
|||
|
|
|||
|
<a rel="prev" href="ch20-00-final-project-a-web-server.html" class="mobile-nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
|
|||
|
<i class="fa fa-angle-left"></i>
|
|||
|
</a>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<a rel="next" href="ch20-02-multithreaded.html" class="mobile-nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
|
|||
|
<i class="fa fa-angle-right"></i>
|
|||
|
</a>
|
|||
|
|
|||
|
|
|||
|
<div style="clear: both"></div>
|
|||
|
</nav>
|
|||
|
</div>
|
|||
|
</div>
|
|||
|
|
|||
|
<nav class="nav-wide-wrapper" aria-label="Page navigation">
|
|||
|
|
|||
|
<a href="ch20-00-final-project-a-web-server.html" class="nav-chapters previous" title="Previous chapter" aria-label="Previous chapter" aria-keyshortcuts="Left">
|
|||
|
<i class="fa fa-angle-left"></i>
|
|||
|
</a>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<a href="ch20-02-multithreaded.html" class="nav-chapters next" title="Next chapter" aria-label="Next chapter" aria-keyshortcuts="Right">
|
|||
|
<i class="fa fa-angle-right"></i>
|
|||
|
</a>
|
|||
|
|
|||
|
</nav>
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<script type="text/javascript">
|
|||
|
window.playpen_copyable = true;
|
|||
|
</script>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
<script src="elasticlunr.min.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
<script src="mark.min.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
<script src="searcher.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
|
|||
|
|
|||
|
<script src="clipboard.min.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
<script src="highlight.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
<script src="book.js" type="text/javascript" charset="utf-8"></script>
|
|||
|
|
|||
|
<!-- Custom JS scripts -->
|
|||
|
|
|||
|
<script type="text/javascript" src="ferris.js"></script>
|
|||
|
|
|||
|
|
|||
|
|
|||
|
|
|||
|
</body>
|
|||
|
</html>
|