2014-05-01 11:28:15 +01:00
[](https://www.npmjs.org/package/local-web-server)
2014-06-08 20:19:50 +01:00
[](https://www.npmjs.org/package/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 11:59:45 +00:00
A static 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-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
2015-02-01 14:04:17 +00:00
### Globally
2013-06-04 14:23:50 +01:00
```sh
$ npm install -g local-web-server
```
2015-02-01 14:04:17 +00:00
### Bundled with your project
2014-06-17 13:37:51 +01:00
```sh
$ npm install local-web-server --save-dev
```
2014-06-17 13:42:48 +01:00
Then add an `start` script to your `package.json` (the standard npm approach):
2014-06-17 13:37:51 +01:00
```json
2014-06-17 13:42:48 +01:00
{
"name": "my-web-app",
"version": "1.0.0",
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
```
2014-06-17 13:49:46 +01:00
This simplifies a rather specific-looking instruction set like:
2014-06-17 13:37:51 +01:00
```sh
$ npm install
2014-06-17 13:42:48 +01:00
$ npm install -g local-web-server
2014-06-17 13:37:51 +01:00
$ ws
```
to the following, server implementation and launch details abstracted away:
```sh
$ npm install
$ npm start
```
2013-06-04 14:23:50 +01:00
2015-02-01 14:04:17 +00:00
## Usage
2014-02-09 09:23:59 +01:00
```
2015-07-10 23:37:47 +01:00
Usage
$ ws < server options >
$ ws --config
$ ws --help
Server
-p, --port < number > Web server port
-f, --log-format < string > If a format is supplied an access log is written to stdout. If not, a statistics view is displayed. Use a
preset ('none', 'dev','combined', 'short', 'tiny' or 'logstalgia') or supply a custom format (e.g. ':method ->
:url').
-d, --directory < string > Root directory, defaults to the current directory
-c, --compress Enable gzip compression, reduces bandwidth.
-r, --refresh-rate < number > Statistics view refresh rate in ms. Defaults to 500.
Misc
-h, --help Print these usage instructions
--config Print the stored config
2014-02-09 09:23:59 +01:00
```
2013-06-05 20:16:10 +01:00
From the folder you wish to serve, run:
2014-02-09 09:36:28 +01:00
```sh
2013-06-21 18:35:12 +01:00
$ ws
2014-02-09 09:36:28 +01:00
serving at http://localhost:8000
```
2013-06-21 18:35:12 +01:00
2014-02-08 21:09:54 -05:00
If you wish to serve a different directory, run:
2014-02-09 09:36:28 +01:00
```sh
2014-02-08 21:09:54 -05:00
$ ws -d ~/mysite/
2014-02-09 09:40:29 +01:00
serving /Users/Lloyd/mysite at http://localhost:8000
2014-02-09 09:36:28 +01:00
```
2014-02-08 21:09:54 -05:00
2014-02-09 09:23:59 +01:00
If you wish to override the default port (8000), use `--port` or `-p` :
2014-02-09 09:36:28 +01:00
```sh
2013-06-21 18:35:12 +01:00
$ ws --port 9000
2014-02-09 09:36:28 +01:00
serving at http://localhost:9000
```
2013-06-21 18:35:12 +01:00
2014-06-17 12:55:37 +01:00
To add compression, reducing bandwidth, increasing page load time (by 10-15% on my Macbook Air)
```sh
$ ws --compress
```
2015-02-01 14:04:17 +00:00
### Logging
2014-06-17 12:55:37 +01:00
Passing a value to `--log-format` will write an access log to `stdout` .
Either use a built-in [morgan ](https://github.com/expressjs/morgan ) logger preset:
2013-06-21 18:35:12 +01:00
```sh
$ ws --log-format short
2013-06-04 14:23:50 +01:00
```
2013-06-05 20:06:54 +01:00
2014-06-17 12:55:37 +01:00
Or a custom [morgan ](https://github.com/expressjs/morgan ) log format:
2014-02-17 10:20:32 +00:00
```sh
2014-06-17 12:55:37 +01:00
$ ws -f ':method -> :url'
```
2014-06-17 13:42:48 +01:00
Or silence:
2014-06-17 12:55:37 +01:00
```sh
$ ws -f none
2014-02-17 10:20:32 +00: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-02-01 14:04:17 +00:00
## Use with Logstalgia
2014-06-17 13:42:48 +01:00
local-web-server is compatible with [logstalgia ](http://code.google.com/p/logstalgia/ ).
2013-06-15 00:41:43 +01:00
2015-02-01 14:04:17 +00:00
### Install Logstalgia
2014-05-08 15:50:25 +02:00
On MacOSX, install with [homebrew ](http://brew.sh ):
2013-06-15 00:41:43 +01:00
```sh
2014-05-08 15:50:25 +02:00
$ brew install logstalgia
2013-06-15 00:41:43 +01:00
```
2014-05-08 15:50:25 +02:00
Alternatively, [download a release for your system from github ](https://github.com/acaudwell/Logstalgia/releases/latest ).
2013-06-15 00:41:43 +01:00
2014-06-13 18:42:35 +01:00
Then pipe the `logstalgia` output format directly into logstalgia for real-time visualisation:
2013-06-15 00:41:43 +01:00
```sh
2014-06-13 18:42:35 +01:00
$ ws -f logstalgia | logstalgia -
2013-06-15 00:41:43 +01:00
```
2014-05-08 16:01:19 +02:00

2015-02-01 14:04:17 +00:00
## Use with glTail
2014-02-09 09:23:59 +01:00
To use with [glTail ](http://www.fudgie.org ), write your log to disk using the "default" format:
2014-02-05 15:28:23 +01:00
```sh
$ ws -f default > web.log
```
2014-02-09 09:23:59 +01:00
Then specify this file in your glTail config:
2014-02-05 15:28:23 +01:00
```yaml
servers:
dev:
host: localhost
source: local
files: /Users/Lloyd/Documents/MySite/web.log
parser: apache
color: 0.2, 0.2, 1.0, 1.0
```
2015-02-01 14:04:17 +00:00
2015-11-08 22:09:07 +00:00
* * *
2015-02-01 14:04:17 +00:00
© 2015 Lloyd Brookes < 75pound @gmail .com >