https://github.com/mafintosh/browser-server
A HTTP "server" in the browser that uses a service worker to allow you to easily send back your own stream of data.
https://github.com/mafintosh/browser-server
Last synced: 5 months ago
JSON representation
A HTTP "server" in the browser that uses a service worker to allow you to easily send back your own stream of data.
- Host: GitHub
- URL: https://github.com/mafintosh/browser-server
- Owner: mafintosh
- License: mit
- Created: 2017-05-18T13:27:49.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-10-07T03:15:10.000Z (over 6 years ago)
- Last Synced: 2024-12-25T02:33:55.604Z (5 months ago)
- Language: JavaScript
- Size: 8.79 KB
- Stars: 187
- Watchers: 5
- Forks: 28
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-github-repos - mafintosh/browser-server - A HTTP "server" in the browser that uses a service worker to allow you to easily send back your own stream of data. (JavaScript)
README
# browser-server
A HTTP "server" in the browser that uses a service worker to allow you to easily send back your own stream of data.
```
npm install browser-server
```
## Usage
First generate the service worker, using the browser-server command line tool
```
npm install -g browser-server
# /demo is the prefix you want to intercept
browser-server /demo > worker.js
```
Then create a simple app and browserify it
``` js
var createServer = require('browser-server')
var server = createServer()
server.on('request', function (req, res) {
console.log('intercepting request', req)
res.end('hello world')
})
server.on('ready', function () {
fetch('/demo/test.txt').then(function (r) {
return r.text()
}).then(function (txt) {
console.log('fetch returned', txt)
})
})
```
Then browserify this app
```
browserify app.js > bundle.js
```
And make a index.html page like this
``` html
```
Make sure the worker.js file is also stored in the same folder.
Now serve the folder using a http server, fx
```
npm install -g http-server
http-server .
```
Now if you open index.html you should see the server intercepting the request and returning hello world.
Works for all http apis, including video/audio tags!
## License
MIT