2014-05-01 11:28:15 +01:00
[](https://www.npmjs.org/package/local-web-server)
2015-11-15 21:15:25 +00:00
[](https://www.npmjs.org/package/local-web-server)
[](https://travis-ci.org/75lb/local-web-server)
2014-05-08 15:05:06 +02:00
[](https://david-dm.org/75lb/local-web-server)
2015-10-30 11:31:59 +00:00
[](https://github.com/feross/standard)
2014-01-24 19:49:11 +01:00
2015-02-01 14:04:17 +00:00
# local-web-server
2015-11-15 23:00:17 +00:00
A simple web-server for productive front-end development.
2013-06-04 14:23:50 +01:00
2015-11-15 11:59:45 +00:00
**Requires node v4.0.0 or higher**.
2014-06-17 11:18:21 +01:00
2015-11-15 21:15:25 +00:00
## Synopsis
2015-11-16 11:23:53 +00:00
For the examples below, assume we're in a project directory looking like this:
2015-11-15 21:15:25 +00:00
```sh
2015-11-15 23:52:13 +00:00
.
├── css
│ └── style.css
2015-11-16 10:30:04 +00:00
├── index.html
└── package.json
```
2015-11-15 23:52:13 +00:00
2015-11-16 10:30:04 +00:00
### Static site
Fire up your static site on the default port:
```sh
2015-11-15 21:15:25 +00:00
$ ws
serving at http://localhost:8000
```
2015-11-15 23:52:13 +00:00
### Single Page Application
2015-11-16 10:30:04 +00:00
You're building a web app with client-side routing, so mark `index.html` as the SPA.
2015-11-15 23:52:13 +00:00
```sh
$ ws --spa index.html
```
2015-11-16 23:02:27 +00:00
By default, typical SPA urls (e.g. `/user/1` , `/login` ) would return `404 Not Found` as a file does not exist with that path. By marking `index.html` as the SPA you create this rule:
2015-11-16 11:23:53 +00:00
2015-11-17 11:18:25 +00:00
*If a static file at the requested path exists (e.g. `/css/style.css` ) then serve it, if it does not (e.g. `/login` ) then serve the SPA and handle the route client-side.*
2015-11-15 23:52:13 +00:00
2015-11-16 10:30:04 +00:00
### Access Control
2015-11-15 23:52:13 +00:00
2015-11-17 11:18:25 +00:00
By default, access to all files is allowed (including dot files). Use `--forbid` to establish a blacklist:
2015-11-15 21:15:25 +00:00
```sh
2015-11-15 23:00:17 +00:00
$ ws --forbid .json .yml
serving at http://localhost:8000
2015-11-15 21:15:25 +00:00
```
2015-11-17 11:18:25 +00:00
[Path syntax ](http://expressjs.com/guide/routing.html#route-paths )
2015-11-16 10:30:04 +00:00
### URL rewriting
2015-11-15 21:15:25 +00:00
2015-11-17 11:18:25 +00:00
Your application requested `/css/style.css` but it's stored at `/build/css/style.css` . Create a rewrite rule:
```sh
$ ws --rewrite "/css/style.css -> /build/css/style.css"
```
Or, more generally (matching any stylesheet path under `/css` ):
2015-11-15 21:15:25 +00:00
```sh
2015-11-17 11:18:25 +00:00
$ ws --rewrite "/css/:stylesheet -> /build/css/:stylesheet"
2015-11-15 23:52:13 +00:00
```
2015-11-17 11:18:25 +00:00
If a deep structure is involved it may be easier to mount the entire contents of `/build/css` to the `/css` path: (matches any stylesheet path under `/css` , `/css/a` , `/css/a/b` etc.)
```sh
$ ws --rewrite "/css/* -> /build/css/$1"
```
#### Proxied rewrite
If the `to` address contains a hostname local-web-server will act as a proxy - the remote resource will be fetched and returned
2015-11-15 23:52:13 +00:00
```sh
2015-11-16 10:30:04 +00:00
$ ws --rewrite "/api => http://api.example.com/api" \
"/npm => http://registry.npmjs.com" \
"/user/:project/repo -> https://api.github.com/repos/:project"
2015-11-15 21:15:25 +00:00
```
2015-11-16 10:30:04 +00:00
### Stored config
Always use this port and blacklist? Persist it to the config:
```json
{
"name": "example",
"version": "1.0.0",
"local-web-server": {
"port": 8100,
"forbid": "\\.json$"
}
}
```
2015-11-16 11:23:53 +00:00
### Logging
By default, local-web-server outputs a simple, dynamic statistics view. To see traditional web server logs, use `--log-format` :
```sh
$ ws --log-format combined
serving at http://localhost:8000
::1 - - [16/Nov/2015:11:16:52 +0000] "GET / HTTP/1.1" 200 12290 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2562.0 Safari/537.36"
```
2015-11-16 13:22:51 +00:00
### Mock Responses
*Coming soon*.
2015-11-16 10:30:04 +00:00
### Other features
Compression, caching, simple statistics view, log, override mime types.
2015-11-15 23:52:13 +00:00
2015-11-16 11:23:53 +00:00
## Tips
### Use with Google DevTools Workspaces
### Log Visualisation
Instructions for how to visualise log output using goaccess, logstalgia or gltail [here ](https://github.com/75lb/local-web-server/wiki/Log-visualisation ).
2015-02-01 14:04:17 +00:00
## Install
2014-06-17 13:37:51 +01:00
Ensure [node.js ](http://nodejs.org ) is installed first. Linux/Mac users may need to run the following commands with `sudo` .
2013-06-04 14:23:50 +01:00
```sh
$ npm install -g local-web-server
```
2015-11-16 11:23:53 +00:00
This will install the `ws` tool globally. To see the available options, run:
```sh
$ ws --help
```
2015-11-15 23:00:17 +00:00
## Distribute with your project
2015-11-16 10:51:32 +00:00
The standard convention with client-server applications is to add an `npm start` command to launch the server component.
2015-11-16 11:23:53 +00:00
1\. Install the server as a dev dependency
2015-11-16 10:51:32 +00:00
2014-06-17 13:37:51 +01:00
```sh
$ npm install local-web-server --save-dev
```
2015-11-16 11:23:53 +00:00
2\. Add a `start` command to your `package.json` :
2015-11-16 10:51:32 +00:00
2014-06-17 13:37:51 +01:00
```json
2014-06-17 13:42:48 +01:00
{
2015-11-16 10:51:32 +00:00
"name": "example",
2014-06-17 13:42:48 +01:00
"version": "1.0.0",
2015-11-16 10:51:32 +00:00
"local-web-server": {
"port": 8100,
"forbid": "\\.json$"
},
2014-06-17 13:37:51 +01:00
"scripts": {
"start": "ws"
}
2014-06-17 13:49:46 +01:00
}
2014-06-17 13:37:51 +01:00
```
2015-11-16 11:23:53 +00:00
3\. Document how to build and launch your site
2014-06-17 13:37:51 +01:00
```sh
$ npm install
$ npm start
2015-11-16 11:23:53 +00:00
serving at http://localhost:8100
2014-06-17 13:37:51 +01:00
```
2013-06-04 14:23:50 +01:00
2015-02-01 14:04:17 +00:00
## Storing default options
2014-02-26 15:20:46 +01:00
To store per-project options, saving you the hassle of inputting them everytime, store them in the `local-web-server` property of your project's `package.json` :
```json
{
"name": "my-project",
"version": "0.11.8",
"local-web-server":{
"port": 8100
}
}
```
Or in a `.local-web-server.json` file stored in the directory you want to serve (typically the root folder of your site):
```json
{
2014-02-26 15:24:45 +01:00
"port": 8100,
2014-02-26 15:20:46 +01:00
"log-format": "tiny"
}
```
Or store global defaults in a `.local-web-server.json` file in your home directory.
```json
{
2014-06-17 12:55:37 +01:00
"port": 3000,
"refresh-rate": 1000
2014-02-26 15:20:46 +01:00
}
```
2014-06-17 13:42:48 +01:00
All stored defaults are overriden by options supplied at the command line.
2014-02-26 15:20:46 +01:00
2014-06-17 13:42:48 +01:00
To view your stored defaults, run:
2014-05-08 16:07:42 +02:00
```sh
$ ws --config
```
2015-02-01 14:04:17 +00:00
## mime-types
2015-10-30 11:31:59 +00:00
You can set additional mime-type/extension mappings, or override the defaults by setting a `mime` value in your local config. This value is passed directly to [mime.define() ](https://github.com/broofa/node-mime#mimedefine ). Example:
2014-08-24 22:42:59 +01:00
```json
{
"mime": {
"text/plain": [ "php", "pl" ]
}
}
```
2015-11-15 23:00:17 +00:00
## API Reference
2013-06-15 00:41:43 +01:00
2015-11-15 21:15:25 +00:00
< a name = "module_local-web-server" > < / a >
## local-web-server
< a name = "exp_module_local-web-server--localWebServer" > < / a >
### localWebServer([options]) ⏏
Returns a Koa application
2013-06-15 00:41:43 +01:00
2015-11-15 21:15:25 +00:00
**Kind**: Exported function
2014-02-05 15:28:23 +01:00
2015-11-15 21:15:25 +00:00
| Param | Type | Description |
| --- | --- | --- |
| [options] | < code > object< / code > | options |
2015-11-15 23:00:17 +00:00
| [options.forbid] | < code > Array.< regexp> < / code > | a list of forbidden routes. |
2014-02-05 15:28:23 +01:00
2015-11-15 21:15:25 +00:00
**Example**
```js
const localWebServer = require('local-web-server')
2015-11-16 13:22:51 +00:00
localWebServer().listen(8000)
2014-02-05 15:28:23 +01:00
```
2015-02-01 14:04:17 +00:00
2015-11-16 11:23:53 +00:00
## Composition
2015-11-08 22:09:07 +00:00
* * *
2015-11-16 11:23:53 +00:00
© 2015 Lloyd Brookes < 75pound @gmail .com > . Documented by [jsdoc-to-markdown ](https://github.com/jsdoc2md/jsdoc-to-markdown ).