Http long polling is used in real-time application where server pushes the data changes to client using simple HTML5 ajax mechanism.
First client makes a request to an HTTP endpoint in the usual way, with the intention of requesting data it has not yet received. If there is no new data available, then the server holds the request open until data becomes available to respond with. After receiving a response (whether new data or timeout), the transaction is complete. The client may create a new request to listen for further data.
The comet is a implementation of http long polling or comet application model which abstracts the internal http requests and provides high-level websocket alike API.
Using npm:
$ npm install --save cometUsing yarn:
$ yarn add cometHere is simple example to push n-th fibonacci numbers to client:
The server:
import http from 'http';
import CometServer from 'comet/server';
const server = http.createServer();
const pollingServer = new CometServer({ server });
pollingServer.on('connection', (conn, data) => {
let { fibPos } = data;
console.log(`New connection with fibpos: ${fibPos}`);
setInterval(() => {
conn.send({ pos: fibPos, value: fib(fibPos++) });
}, 1000);
});
server.listen(8888);
const fib = (n) => {
let num = 0;
let num2 = 1;
let fibonacci;
for (let i = 0; i < n; i++) {
fibonacci = num + num2;
num = num2;
num2 = fibonacci;
}
return num;
};The client:
import CometClient from 'comet/client';
const fibPos = Math.floor(Math.random() * 10);
const longPollingClient = new CometClient('http://localhost:8888/polling', {
data: { fibPos },
});
longPollingClient.on('message', (m) => {
console.log(`${m.pos}th: ${m.value}`);
});
longPollingClient.on('open', (conn) => {
console.log('Connection opened');
console.log(`Receiving fibonacci numbers from ${fibPos}th position:`);
});See example for further guide.
Your PRs and stars are always welcome.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent