Regeneration and redirects for book content

src/site/docs/dart-up-and-running/contents/ch05.html

 ---
 # WARNING: GENERATED FILE. DO NOT EDIT.
 # WANT TO CONTRIBUTE? SEE https://github.com/dart-lang/dart-up-and-running-book
 layout: book
 title: "Chapter 5. Walkthrough: Dartiverse Search from Dart: Up and Running"
 description: "Read Chapter 5. Walkthrough: Dartiverse Search of Dart: Up and Running, published by O'Reilly."
 ---
 <div class="navheader"><table width="100%" summary="Navigation header"><tr><th colspan="3" align="center">Chapter 5. Walkthrough: Dartiverse Search</th></tr><tr><td width="20%" align="left"><a accesskey="p" href="ch04-summary.html">Prev</a> </td><th width="60%" align="center"> </th><td width="20%" align="right"> <a accesskey="n" href="colophon.html">Next</a></td></tr></table><hr></div><div class="chapter"><div class="titlepage"><div><div><h1 class="title"><a name="ch05"></a>Chapter 5. Walkthrough: Dartiverse Search</h1></div></div></div><div class="toc"><p><b>Table of Contents</b></p><dl class="toc"><dt><span class="sect1"><a href="ch05.html#ch05-how-to-run">How to Run Dartiverse Search</a></span></dt><dt><span class="sect1"><a href="ch05.html#ch05-how-it-works">How Dartiverse Search Works</a></span></dt><dt><span class="sect1"><a href="ch05.html#ch05-client-html">The Client's HTML Code</a></span></dt><dt><span class="sect1"><a href="ch05.html#ch05-client-dart">The Client's Dart Code</a></span></dt><dd><dl><dt><span class="sect2"><a href="ch05.html#ch05-client-dart-find-elements">Finding DOM Elements</a></span></dt><dt><span class="sect2"><a href="ch05.html#ch05-client-dart-handle-events">Handling Events</a></span></dt><dt><span class="sect2"><a href="ch05.html#ch05-client-dart-properties">Getting and Setting Properties</a></span></dt><dt><span class="sect2"><a href="ch05.html#ch05-client-dart-add-elements">Adding DOM Elements</a></span></dt><dt><span class="sect2"><a href="ch05.html#ch05-client-dart-json">Encoding and Decoding Messages</a></span></dt><dt><span class="sect2"><a href="ch05.html#ch05-client-dart-web-sockets">Communicating with WebSockets</a></span></dt></dl></dd><dt><span class="sect1"><a href="ch05.html#ch05-server">The Server's Code</a></span></dt><dd><dl><dt><span class="sect2"><a href="ch05.html#ch05-server-static">Serving Static Files</a></span></dt><dt><span class="sect2"><a href="ch05.html#ch05-server-web-socket">Managing WebSocket Connections</a></span></dt><dt><span class="sect2"><a href="ch05.html#ch05-server-web-apis">Using Web APIs</a></span></dt><dt><span class="sect2"><a href="ch05.html#ch05-server-library">Implementing a Library</a></span></dt><dt><span class="sect2"><a href="ch05.html#ch05-server-logging">Logging Messages</a></span></dt></dl></dd><dt><span class="sect1"><a href="ch05.html#ch05-what-next">What Next?</a></span></dt></dl></div><p>This chapter points out some of the useful and fun features of the
   Dart language and libraries that are used in Dartiverse Search, a
   client-server app. As <a class="xref" href="ch05.html#DartiverseScreenshot" title="Figure 5.1. The client app UI">Figure 5.1, “The client app UI”</a> shows,
   Dartiverse Search looks for a user-entered string in GitHub and
   StackOverflow. The app is asynchronous, adding results as they're found, so
   the UI is always responsive.</p><div class="figure"><a name="DartiverseScreenshot"></a><p class="title"><b>Figure 5.1. The client app UI</b></p><div class="figure-contents"><div class="mediaobject"><table border="0" summary="manufactured viewport for HTML img" style="cellpadding: 0; cellspacing: 0;" width="NaN"><tr><td><img src="figs/web/daur_0501.png" width="NaN" alt="The client app UI"></td></tr></table></div></div></div><br class="figure-break"><div class="sect1"><div class="titlepage"><div><div><h2 class="title" style="clear: both"><a name="ch05-how-to-run"></a>How to Run Dartiverse Search</h2></div></div></div><p>You can use Dart Editor to get and run Dartiverse Search.</p><div class="orderedlist"><ol class="orderedlist" type="1"><li class="listitem"><p>In Dart Editor, go to the Welcome page. (If you don't see it,
         choose <span class="bold"><strong>Tools &gt; Welcome
         Page</strong></span>.)</p></li><li class="listitem"><p>In the demo section, click <span class="bold"><strong>Dartiverse
         Search</strong></span> to create a copy of the dartiverse_search
-        package.<a href="#ftn.idm244197742832" class="footnote" name="idm244197742832"><sup class="footnote">[2]</sup></a></p></li><li class="listitem"><p>Use <span class="bold"><strong>Tools &gt; Pub Build</strong></span> to
+        package.<a href="#ftn.idm121378695232" class="footnote" name="idm121378695232"><sup class="footnote">[2]</sup></a></p></li><li class="listitem"><p>Use <span class="bold"><strong>Tools &gt; Pub Build</strong></span> to
         build the package.</p></li><li class="listitem"><p>Select <code class="literal">bin/server.dart</code> and click the
         <span class="bold"><strong>Run</strong></span> button. You should see a message
         that the search server is running at http://127.0.0.1:9223/.</p></li><li class="listitem"><p>Click that URL or enter it into any modern browser. The search
         client UI should appear in your default browser.</p></li></ol></div></div><div class="sect1"><div class="titlepage"><div><div><h2 class="title" style="clear: both"><a name="ch05-how-it-works"></a>How Dartiverse Search Works</h2></div></div></div><p>The search server is an HTTP server that provides a WebSocket
     interface. The search client uses that WebSocket interface as a
     bi-directional communication channel with the server. The client sends
     search requests to the server over the WebSocket, and the server replies
     with any results and then a final, "search done" message.</p><p>The server starts things off by binding to localhost, port 9223, and
     listening for requests to the WebSocket:
     <code class="literal">ws://127.0.0.1:9223/ws</code>. Search clients can connect
@@ skipping 325 matching lines @@
       warnings to appear, you can set the level to
       <code class="literal">Level.WARNING</code>.</p><p>For a list of all the levels and what they mean, see the <a class="ulink" href="https://api.dartlang.org/logging/Level.html" target="_top">Level API
       documentation.</a> See the <a class="ulink" href="https://api.dartlang.org/logging/Logger.html" target="_top">Logger API
       documentation</a> for a list of methods that log messages.</p></div></div><div class="sect1"><div class="titlepage"><div><div><h2 class="title" style="clear: both"><a name="ch05-what-next"></a>What Next?</h2></div></div></div><p>You’ve seen how the Dartiverse Search sample uses both server-side
     and client-side Dart code to implement a web app. It makes use of both
     built-in libraries and libraries from packages published on
     pub.dartlang.org.</p><p>If you'd like to continue exploring Dartiverse Search, consider
     improving its user interface or adding another search engine. If you'd
     like to look at other samples, you can find them in Dart Editor and at
     <a class="ulink" href="http://dartlang.org/samples" target="_top">http://dartlang.org/samples</a>.</p><p>Our website has lots more information, including guides and
-    tutorials. It's all at <a class="ulink" href="http://dartlang.org" target="_top">http://dartlang.org</a>.</p></div><div class="footnotes"><br><hr style="width:100; text-align:left;margin-left: 0"><div id="ftn.idm244197742832" class="footnote"><p><a href="#idm244197742832" class="para"><sup class="para">[2] </sup></a>If you aren’t using Dart Editor, you can find the Dartiverse
+    tutorials. It's all at <a class="ulink" href="http://dartlang.org" target="_top">http://dartlang.org</a>.</p></div><div class="footnotes"><br><hr style="width:100; text-align:left;margin-left: 0"><div id="ftn.idm121378695232" class="footnote"><p><a href="#idm121378695232" class="para"><sup class="para">[2] </sup></a>If you aren’t using Dart Editor, you can find the Dartiverse
             Search source code in the <a class="ulink" href="http://code.google.com/p/dart" target="_top">Dart project</a> under
             <code class="filename">samples/dartiverse_search</code>.</p></div></div></div><div class="navfooter"><hr><table width="100%" summary="Navigation footer"><tr><td width="40%" align="left"><a accesskey="p" href="ch04-summary.html">Prev</a> </td><td width="20%" align="center"> </td><td width="40%" align="right"> <a accesskey="n" href="colophon.html">Next</a></td></tr><tr><td width="40%" align="left" valign="top">Summary </td><td width="20%" align="center"><a accesskey="h" href="index.html">Home</a></td><td width="40%" align="right" valign="top"> Colophon</td></tr></table></div>