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. </span></td> 38 <td align="center" valign="undefined">Most new code will be 39 written in the application.</td> 40 <td align="center" valign="undefined">Applications are 41 described in <a href="resources.html">"Applications and Resources"</a>.</td> 42 </tr> 43 <tr> 44 <th 45 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 46 </th> 47 <td style="text-align: center;"><span class="explanation">This 48 "glues" the application to the environment.</span></td> 49 <td align="center" valign="undefined">Mostly copying an existing 50 adapter or writing a short module.</td> 51 <td align="center" valign="undefined">Adapters are explained in <a 52 href="deploying.html">"Deploying a WebStack Application"</a>. </td> 53 </tr> 54 <tr> 55 <th 56 style="border-style: solid; border-width: 1px; text-align: center; vertical-align: middle; background-color: rgb(192, 192, 192);">Server 57 environment </th> 58 <td align="center" valign="undefined"><span class="explanation">This 59 is where the application runs.</span></td> 60 <td align="center" valign="undefined">Some configuration needed, 61 if any at all.</td> 62 <td align="center" valign="undefined">Server environments are 63 covered 64 in <a href="deploying.html">"Deploying a WebStack Application"</a>. 65 </td> 66 </tr> 67 </tbody> 68 </table> 69 </body> 70 </html>