Overview

The distributed web architecture codifies the web development approach where web content is served from a static web server and embedded Javascript is use to provide dynamic content by interacting with web API servers. Initially, this web site will provide a tutorial for developing web applications using the following open source technologies promoted by Cross Adaptive. However, in the future, this website will also provide tutorials that compare and contrast against a variety of alternative technologies.

Front-end
DropServe + Apache
https://dropserve.org
DropServe is an HTTP service that automatically constructs web pages from HTML fragments.
Web App CSS
https://webappcss.com
Web App CSS is a light-weight CSS framework for developing web applications.
Pure Javascript
https://purejavascript.com
Pure Javascript is a light-weight set of Javascript functions useful for communicating with web API services and generating content.
Launch Template
https://launchtemplate.org
Launch Template incorporates the above technologies to provide a starter template for building DropServe based web applications.
Back-end
Web API Bridge
https://webapibridge.org
The Web API Bridge is an HTTP service that automatically translates Web API requests into calls to MySQL SQL Stored Procedures, and then returns the result set in JSON or CSV.
BaseSchema + MySQL
https://baseschema.com
BaseSchema is a small set of database tables and stored routines that provide a foundation for the development of the back-end for web and mobile applications.

The diagram below shows the logical connection between each of these technologies.

  1. The web browser retrieves the web page that is constructed by DropServe from the front-end web server.
  2. The web page references external resources, which are retrieved by the web browser.
  3. The web page specifies an API server to connect to and the web browser communicates with the web API server to retrieve or post content.
  4. The web API server communicates with a MySQL database instance to query and store data.

Please note: of course, resources may also be easily served from the DropServe web server, however for the sake fully describing the architecture, they are shown being retrieved from another server.

Distributed Web Architecture

This web site will describe:

  1. How to deploy components to a local virtual machine.
  2. How to deploy components to a cloud provider.