1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type" /> 5 <title>Anatomy of a WebStack Application</title> 6 <meta name="generator" 7 content="amaya 8.1a, see http://www.w3.org/Amaya/" /> 8 <link href="styles.css" rel="stylesheet" type="text/css" /> 9 </head> 10 <body> 11 <h1>Anatomy 12 of a WebStack 13 Application</h1> 14 <p>The simplest way to think of a 15 Web application is as just some code which 16 sits on a server and is sent messages - specifically HTTP requests - to 17 which it must respond by writing out messages to send back - 18 specifically HTTP responses. When using WebStack, we think of the 19 situation in terms of the following components:</p> 20 <table 21 style="text-align: left; margin-left: auto; margin-right: auto; width: 80%;" 22 class="layers" border="0" cellpadding="5" cellspacing="0"> 23 <tbody> 24 <tr> 25 <td width="40%"></td> 26 <th style="text-align: center;">What 27 it does</th> 28 <th style="text-align: center;">How much work</th> 29 <th style="text-align: center;">Where 30 to look</th> 31 </tr> 32 <tr> 33 <th 34 style="text-align: center; vertical-align: middle; background-color: rgb(193, 255, 102); border-top-style: solid; border-left-style: solid; border-right-style: solid; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px;">Application 35 </th> 36 <td style="text-align: center;"><span class="explanation">This 37 defines what the user sees. 38 </span></td> 39 <td align="center" valign="undefined">Most new code will be 40 written in the application.</td> 41 <td align="center" valign="undefined">The application is 42 described in 43 <a href="resources.html">this part of the documentation</a>.</td> 44 </tr> 45 <tr> 46 <th 47 style="border-width: 1px; text-align: center; vertical-align: middle; background-color: rgb(102, 203, 255); border-left-style: solid; border-right-style: solid; border-top-style: solid;">Adapter 48 </th> 49 <td style="text-align: center;"><span class="explanation">This 50 "glues" the application to the environment.</span></td> 51 <td align="center" valign="undefined">Mostly copying an existing 52 adapter or writing a short module.</td> 53 <td align="center" valign="undefined">Adapters are explained in 54 the <a href="deploying.html">deployment 55 documentation</a>. 56 </td> 57 </tr> 58 <tr> 59 <th 60 style="border-style: solid; border-width: 1px; text-align: center; vertical-align: middle; background-color: rgb(192, 192, 192);">Server 61 environment </th> 62 <td align="center" valign="undefined"><span class="explanation">This 63 is where the application runs.</span></td> 64 <td align="center" valign="undefined">Some configuration needed, 65 if any at all.</td> 66 <td align="center" valign="undefined">Server environments are 67 covered 68 in the <a href="deploying.html">deployment 69 documentation</a>. 70 </td> 71 </tr> 72 </tbody> 73 </table> 74 </body> 75 </html>