2017-06-17 00:41:38 +01:00
[](https://www.npmjs.org/package/local-web-server)
[](https://www.npmjs.org/package/local-web-server)
2017-03-23 23:26:15 +00:00
[](https://travis-ci.org/lwsjs/local-web-server)
[](https://david-dm.org/lwsjs/local-web-server/next)
2015-10-30 11:31:59 +00:00
[](https://github.com/feross/standard)
2017-03-23 21:42:21 +00:00
[](https://gitter.im/lwsjs/local-web-server?utm_source=badge& utm_medium=badge& utm_campaign=pr-badge& utm_content=badge)
2014-01-24 19:49:11 +01:00
2017-06-26 18:36:56 +01:00
**This documentation is a work in progress**
2015-11-20 09:52:51 +00:00
2015-02-01 14:04:17 +00:00
# local-web-server
2015-11-26 21:12:49 +00:00
2017-06-27 20:38:22 +01:00
The modular web server for productive full-stack development.
2017-06-26 23:26:30 +01:00
Use this tool to:
2017-06-26 18:36:56 +01:00
2017-06-28 20:26:21 +01:00
* Build fast, modern web applications using any tech, framework or architecture.
2017-07-07 20:25:59 +01:00
* Prototype back-end services (RESTful HTTP API, Microservice, websocket server, Server Sent Events etc.)
* Monitor activity, analyse performance, experiment with caching strategies etc.
2017-06-28 20:13:45 +01:00
2017-06-28 21:37:44 +01:00
Features:
2017-06-28 20:13:45 +01:00
2017-06-28 21:37:44 +01:00
* HTTP, HTTPS and HTTP2 support
2017-07-01 10:43:00 +01:00
* Modular. Create, share and consume middleware, view and server plugins.
* URL Rewriting to local or remote destinations
2017-06-28 20:13:45 +01:00
* Single Page Application support
2017-07-01 10:43:00 +01:00
* Response mocking
2017-06-28 20:13:45 +01:00
* Configurable access log
* Route blacklisting
2017-07-01 10:43:00 +01:00
* HTTP Conditional Request support
2017-06-28 21:37:44 +01:00
* Gzip response compression and much more
2017-06-26 18:36:56 +01:00
## Synopsis
2017-07-07 20:25:59 +01:00
This package installs the `ws` command-line tool (take a look at the [usage guide ](https://github.com/lwsjs/local-web-server/wiki/CLI-usage )).
2017-07-07 20:35:50 +01:00
### Static web site
2017-07-07 20:25:59 +01:00
The most simple use case is to run `ws` without any arguments - this will **host the current directory as a static web site** . Navigating to the server will render a directory listing or your `index.html` , if that file exists.
2017-06-26 18:36:56 +01:00
```sh
$ ws
Serving at http://mbp.local:8000, http://127.0.0.1:8000, http://192.168.0.100:8000
```
2017-07-07 20:35:50 +01:00
### Single Page Application
2017-07-07 20:25:59 +01:00
Serving a Single Page Application is as trivial as specifying the name of your single page:
```sh
$ ws --spa index.html
Serving at http://mbp.local:8000, http://127.0.0.1:8000, http://192.168.0.100:8000
```
By default, requests for typical SPA paths (e.g. `/user/1` , `/login` ) would return `404 Not Found` as a file at that locaiton does not exist. By marking `index.html` as the SPA you create this rule:
*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 specified SPA and handle the route client-side.*
2017-07-07 20:35:50 +01:00
### URL rewriting and proxied requests
2017-07-07 20:25:59 +01:00
Another common use case is to **re-route certain requests to a remote server** if, for example, you'd like to use data from a different environment. The following command would proxy requests with a URL beginning with `http://127.0.0.1:8000/api/` to `https://internal-service.local/api/` :
2017-06-28 20:13:45 +01:00
2017-06-28 20:26:21 +01:00
```sh
2017-07-01 23:08:30 +01:00
$ ws --rewrite '/api/* -> https://internal-service.local/api/$1'
2017-06-28 20:26:21 +01:00
Serving at http://mbp.local:8000, http://127.0.0.1:8000, http://192.168.0.100:8000
```
2017-06-28 20:13:45 +01:00
2017-07-07 20:35:50 +01:00
### Mock responses
2017-07-07 20:25:59 +01:00
2017-07-01 10:48:14 +01:00
Imagine the network is down or you're working offline, proxied requests to `https://internal-service.local/api/users/1` would fail. In this case, Mock Responses can fill the gap. Export your mock responses from a module.
2017-06-28 20:49:09 +01:00
```js
2017-06-28 21:06:37 +01:00
const users = [
2017-07-01 10:48:14 +01:00
{ "id": 1, "name": "Lloyd", "age": 40 },
{ "id": 2, "name": "Mona", "age": 34 },
{ "id": 3, "name": "Francesco", "age": 24 }
2017-06-28 21:06:37 +01:00
]
2017-07-07 09:39:22 +01:00
module.exports = MockBase => class MockUsers extends MockBase {
mocks () {
/* response mocks for /users */
return [
2017-06-28 21:06:37 +01:00
{
2017-07-07 09:39:22 +01:00
route: '/users',
responses: [
/* Respond with 400 Bad Request for PUT and DELETE requests (inappropriate on a collection) */
{ request: { method: 'PUT' }, response: { status: 400 } },
{ request: { method: 'DELETE' }, response: { status: 400 } },
{
/* for GET requests return the collection */
request: { method: 'GET' },
response: { type: 'application/json', body: users }
},
{
/* for POST requests, create a new user and return its location */
request: { method: 'POST' },
response: function (ctx) {
const newUser = ctx.request.body
users.push(newUser)
newUser.id = users.length
ctx.status = 201
ctx.response.set('Location', `/users/${newUser.id}` )
}
}
]
2017-06-28 21:06:37 +01:00
}
]
}
2017-07-07 09:39:22 +01:00
}
2017-06-28 20:49:09 +01:00
```
2017-07-07 20:35:50 +01:00
Next, launch `ws` passing in your mocks module:
2017-06-28 21:12:43 +01:00
```sh
$ ws --mocks example-mocks.js
Serving at http://mbp.local:8000, http://127.0.0.1:8000, http://192.168.0.100:8000
```
2017-07-01 10:48:14 +01:00
Test your mock responses. A `POST` request should return a `201` with a `Location` header and empty body.
2017-06-28 21:12:43 +01:00
```sh
2017-06-28 21:33:06 +01:00
$ curl http://127.0.0.1:8000/users -H 'Content-type: application/json' -d '{ "name": "Anthony" }' -i
HTTP/1.1 201 Created
Vary: Origin
Location: /users/4
Content-Type: text/plain; charset=utf-8
Content-Length: 7
Date: Wed, 28 Jun 2017 20:31:19 GMT
Connection: keep-alive
2017-07-01 10:48:14 +01:00
```
A `GET` to `/users` should return our mock user data, including the record just added.
2017-06-28 21:33:06 +01:00
2017-07-01 10:48:14 +01:00
```sh
2017-06-28 21:12:43 +01:00
$ curl http://127.0.0.1:8000/users
[
{
"id": 1,
"name": "Lloyd",
2017-07-07 13:27:17 +01:00
"age": 40
2017-06-28 21:12:43 +01:00
},
{
"id": 2,
"name": "Mona",
2017-07-07 13:27:17 +01:00
"age": 34
2017-06-28 21:12:43 +01:00
},
{
"id": 3,
"name": "Francesco",
2017-07-07 13:27:17 +01:00
"age": 24
2017-06-28 21:33:06 +01:00
},
{
"id": 4,
"name": "Anthony"
2017-06-28 21:12:43 +01:00
}
```
2017-07-01 10:52:59 +01:00
## Further Documentation
2017-06-26 18:41:32 +01:00
2017-07-01 10:52:59 +01:00
[See the wiki for plenty more documentation and tutorials ](https://github.com/lwsjs/local-web-server/wiki ).
2015-11-27 09:31:28 +00:00
2015-02-01 14:04:17 +00:00
## Install
2013-06-04 14:23:50 +01:00
2017-06-27 20:38:22 +01:00
Requires node v7.6 or higher. Install the [previous release ](https://github.com/lwsjs/local-web-server/tree/v1.x ) for node >= v4.0.0.
2017-06-26 18:36:56 +01:00
2013-06-04 14:23:50 +01:00
```sh
2017-06-17 00:41:38 +01:00
$ npm install -g local-web-server@next
2013-06-04 14:23:50 +01:00
```
2015-11-08 22:09:07 +00:00
* * *
2017-03-13 23:44:11 +00:00
© 2013-17 Lloyd Brookes < 75pound @gmail .com > . Documented by [jsdoc-to-markdown ](https://github.com/jsdoc2md/jsdoc-to-markdown ).