-
Notifications
You must be signed in to change notification settings - Fork 36
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
40 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,43 @@ | ||
nohost | ||
====== | ||
|
||
A web server in your web browser | ||
A web server in your web browser. | ||
|
||
Running a local web server allows for easier testing and development without the need for a network. The nohost web server takes this a step futher, and allows web sites to be hosted inside the browser without any server or network. | ||
|
||
nohost was created in order to make it easier to do in browser, live previews of complex web sites and applications | ||
that span many files. | ||
|
||
###Demo | ||
|
||
You can try a [demo here](http://humphd.github.io/nohost). | ||
|
||
Like any web server, you must first install what you want to serve. The nohost server uses [Filer](https://github.com/js-platform/filer) in order to create a filesystem within the browser. | ||
Files are then installed in the filesystem using the `?install` boot option, and choosing a disk | ||
image (*.zip). A demo disk image is included, which can be installed by doing the following: | ||
|
||
[http://humphd.github.io/nohost?install=webmaker-kits-gh-pages.zip](http://humphd.github.io/nohost?install=webmaker-kits-gh-pages.zip) | ||
|
||
Once installed, the filesystem will survive the server being started and stopped (i.e., closing the window). | ||
If you want to clear the filesystem, use the `?reset` boot option: | ||
|
||
[http://humphd.github.io/nohost?reset](http://humphd.github.io/nohost?reset) | ||
|
||
Now that files are installed into the fileystem, you can browse them by adding a path to the query string: | ||
|
||
* Web Root - [http://humphd.github.io/nohost?/](http://humphd.github.io/nohost?/) | ||
* An HTML page - [http://humphd.github.io/nohost/?/webmaker-kits-gh-pages/kit.html](http://humphd.github.io/nohost/?/webmaker-kits-gh-pages/kit.html) | ||
|
||
Any path not found in the filesystem will produce a 404: | ||
|
||
[http://humphd.github.io/nohost/?/nothere](http://humphd.github.io/nohost/?/nothere) | ||
|
||
###How it Works | ||
|
||
nohost boots the web server whenever you load its `index.html` page. Boot options are read from the query string | ||
and then actions are taken using the filesystem. Since the filesystem survives between executions of the page, | ||
there is stability between various requests. | ||
|
||
Each request for a path involves rewriting. The file at a given path is read and parsed, and processed so as to | ||
inline any external resources (e.g., images, stylesheets, etc). When the document is done being processed, | ||
it is again turned into text, and `document.write` is used to replace the web server's boot page with the new content. Some special pages are synthesized, similar to how a normal web server works. For example: directory listings and images. |