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.

Github星跟蹤圖

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

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

<!DOCTYPE html>
<html>
<body>
<script src="bundle.js"></script>
</body>
</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

主要指標

概覽
名稱與所有者mafintosh/browser-server
主編程語言JavaScript
編程語言JavaScript (語言數: 2)
平台
許可證MIT License
所有者活动
創建於2017-05-18 21:27:49
推送於2018-10-07 11:15:10
最后一次提交2017-05-22 19:01:50
發布數4
最新版本名稱v1.0.3 (發布於 2017-05-22 19:01:50)
第一版名稱v1.0.0 (發布於 2017-05-18 21:28:59)
用户参与
星數187
關注者數3
派生數11
提交數10
已啟用問題?
問題數5
打開的問題數3
拉請求數0
打開的拉請求數2
關閉的拉請求數1
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?