Giter VIP home page Giter VIP logo

primus's Introduction

Primus

Build Status NPM version

Primus, the creator god of transformers but now also known as universal wrapper for real-time frameworks. There are a lot of real-time frameworks available for Node.js and they all have different opinions on how real-time should be done. Primus provides a common low level interface to communicate in real-time using various of real-time frameworks.

Advantages

  1. Effortless switching between real-time frameworks by changing one single line of code. No more API rewrites needed when your project requirements change, the framework get abandoned or simply breaks down.
  2. Built-in reconnect, it just works. The reconnect is controlled by a randomised exponential back-off algorithm to reduce server stress.
  3. Offline detection, Primus is smart enough to detect when users drop their internet connection (switching WIFI points/cell towers for example) and reconnects when they are back online.
  4. Automatically encodes and decodes messages using custom parsers. Can be easily switched for binary encoding for example.
  5. A clean and stream compatible interface for the client and server. You can just stream#pipe data around. In addition to that, the client works on Node.js as well, write once, run it everywhere.
  6. Fixes various of bugs in the supported frameworks and additions stability patches to improve real-time communication.
  7. Comes with an amazing plugin interface to keep the core library as fast and lean as possible while still allowing the server and the client to be extended.
  8. Last but not least, Primus is build with love, passion and dedication to the real-time web.
If you have questions or need help with primus, come chat in our IRC room:

   server: irc.freenode.net
   room: #primus

Installation

Primus is released in npm and can be installed using:

npm install primus --save

Before Starting

If you deploy your application behind a reverse proxy (Nginx, HAProxy, etc.) you might need to add WebSocket specific settings to it's configuration files. If you intent to use WebSockets please ensure that these settings have been added. There are some example configuration files available in the observing/balancerbattle repository.

Table of Contents

Getting Started

Primus doesn't ship with real-time frameworks as dependencies, it assumes that you as user add them yourself as a dependency. This is done to keep the module as lightweight as possible. This works because require in will walk through your directories searching for node_module folders that have these matching dependencies.

Primus needs to be "attached" to a HTTP compatible server. These includes the built-in http and https servers but also the spdy module as it has the same API as node servers. Creating a new Primus instance is relatively straightforward:

'use strict';

var Primus = require('primus')
  , http = require('http');

var server = http.createServer(/* request handler */)
  , primus = new Primus(server, {/* options */});

The following options can be provided:

Name Description Default
authorization Authorization handler null
pathname The URL namespace that Primus can own /primus
parser Message encoder for all communication JSON
transformer The transformer we should use internally websockets
plugin The plugins that should be applied {}
timeout The heartbeat timeout 35000
origins cors List of origins *
methods cors List of accepted HTTP methods GET,HEAD,PUT,POST,DELETE,OPTIONS
credentials cors Allow sending of credentials true
maxAge cors Cache duration of cors preflight 30 days
headers cors Allowed headers false
exposed cors Headers exposed to the client false

The options that are prefixed with cors are supplied to our access-control module which handles HTTP Access Control (CORS), so for a more detailed explanation of these options check it out.

The heartbeat timeout is used to forcefully disconnect a spark if no data is received from the client within the specified amount of time. It is possible to completely disable the heartbeat timeout by setting the value of the timeout option to false.

In addition to support different frameworks we've also made it possible to use custom encoding and decoding libraries. We're using JSON by default but you could also use msgpack or JSONH for example (but these parsers need to be supported by Primus, so check out the parser folder for examples). To set parser you can supply a parser configuration option:

var primus = new Primus(server, { parser: 'JSON' });

All parsers have an async interface for error handling.

Client library

As most libraries come with their own client-side framework for making the connection we've also created a small wrapper for this. The library can be retrieved using:

primus.library();

Which returns the client-side library as a string (which can then be minified or even have more code added to it). It does not come pre-minified as that is out of the scope of this project. You can store this on a CDN or on your static server. Do whatever you want with it, but remember to regenerate it every time you change Primus server options. This is important because some properties of the client are set using the server configuration. For example if you change the pathname, the client should be regenerated to reflect that change and work correctly. We advise you to regenerate the library every time you redeploy so you always have a client compatible with your back-end. To save the file you can use:

primus.save(__dirname +'/primus.js');

This will store the compiled library in your current directory. If you want to save it asynchronously, you can supply the method with a callback method:

primus.save(__dirname +'/primus.js', function save(err) {

});

But to make it easier for you during development we've automatically added an extra route to the supplied HTTP server, this will serve the library for you so you don't have to save it. Please note, that this route isn't optimised for serving static assets and should only be used during development. In your HTML page add:

<script src="/primus/primus.js"></script>

As you can see, it will use the /primus pathname by default. Primus needs to own the whole path/namespace in order to function properly as it will forward all other requests directly in to the transformers so they can work their magic. If you already have a static folder with the name primus you can change the pathname to something different and still make this work. But you would of course need to update the src attribute of the script tag to set the correct location. It's always available at:

<protocol>://<server location>/<pathname>/primus.js

Here <pathname> is the pathname set in server options above. The client is cross domain compatible so you don't have to serve it from the same domain you're running Primus on. But please note, that the real-time framework you're using might be tied to same domain restrictions.

Once you're all set up you can start listening for connections. These connections are announced through the connection event.

primus.on('connection', function (spark) {
  // spark is the new connection.
});

Disconnects are announced using a disconnection event:

primus.on('disconnection', function (spark) {
// the spark that disconnected
});

The spark argument is the actual real-time socket/connection. Sparks have a really low level interface and only expose a couple properties that are cross engine supported. The interface is modeled towards a Node.js stream compatible interface. So this will include all methods that are available on the stream interface including Spark#pipe.

spark.headers

The spark.headers property contains the headers of either the request that started a handshake with the server or the headers of the actual real-time connection. This depends on the module you are using.

Please note that sending custom headers from the client to the server is impossible as not all transports that these transformers support can add custom headers to a request (JSONP for example). If you need to send custom data, use a query string when connecting

spark.address

The spark.address property contains the ip and port of the connection. If you're running your server behind a reverse proxy it will automatically use the x-forwarded-for header. This way you will always have the address of the connecting client and not the IP address of your proxy.

Please note that the port is probably out of date by the time you're going to read it as it's retrieved from an old request, not the request that is active at the time you access this property.

spark.query

The spark.query contains the query string you used to connect to server. It's parsed to an object. Please note that this is not available for all supported transformers, but it's proven to be to useful to not implement it because one silly transformer refuses to support it. Yes, I'm looking at you SockJS.

spark.id

This is a unique id that we use to identify this single connection with. Normally the frameworks refer to this as a sessionid, which is confusing as it's only used for the duration of one single connection. You should not see this as a "session id", and rather expect it to change between disconnects and reconnects.

spark.request

The spark.request gives you access to the HTTP request that was used to initiate the real-time connection with the server. Please note that this request is already answered and closed (in most cases) so do not attempt to write or answer it in anyway. But it might be useful to access methods that get added by middleware layers, etc.

spark.write(data)

You can use the spark.write method to send data over the socket. The data is automatically encoded for you using the parser that you've set while creating the Primus server instance. This method always returns true so back pressure isn't handled.

spark.write({ foo: 'bar' });

spark.end(data, options)

You can use spark.end to close the connection. This method takes two optional arguments. The first, if provided, is the data to send to the client before closing the connection. The second is an options object used to customize the behavior of the method. By default the spark.end method closes the connection in a such way that the client knows it was intentional and it doesn't attempt a reconnection.

spark.end(); // the client doesn't reconnect automatically

You can change this behavior and trigger a client-side reconnection using the reconnect option.

spark.end(null, { reconnect: true }); // trigger a client-side reconnection

spark.emits(event, parser)

This method is mostly used internally. It returns a function that emits assigned event every time it's called. It only emits the first received argument or the result of the optional parser call. The parser function receives all arguments and can parse it down to a single value or just extracts the useful information from the data. Please note that the data that is received here isn't decoded yet.

spark.emits('event', function parser(structure) {
  return structure.data;
});

spark.on('data')

The data event is emitted when a message is received from the client. It's automatically decoded by the specified decoder.

spark.on('data', function message(data) {
  // the message we've received.
});

spark.on('end')

The end event is emitted when the client has disconnected.

primus.on('connection', function (spark) {
  console.log('connection has the following headers', spark.headers);
  console.log('connection was made from', spark.address);
  console.log('connection id', spark.id);

  spark.on('data', function (data) {
    console.log('received data from the client', data);

    //
    // Always close the connection if we didn't receive our secret imaginary
    // handshake.
    //
    if ('foo' !== data.secrethandshake) spark.end();
    spark.write({ foo: 'bar' });
    spark.write('banana');
  });

  spark.write('Hello world');
})

Connecting from the Browser

Primus comes with its client framework which can be compiled using primus.library() as mentioned above. To create a connection you can simply create a new Primus instance:

var primus = new Primus(url, { options });

//
// But it can be easier, with some syntax sugar.
//
var primus = Primus.connect(url, { options });

The url argument should be the base url to connect to, not including the pathname option of the Primus server (See: getting-started.) If no url argument is passed, it will default to the current url.

The following options can be provided:

Name Description Default
reconnect Configures the exponential back off {}
timeout Connect time out 10000 ms
ping Ping interval to test connection 25000 ms
pong Time the server has to respond to ping 10000 ms
strategy Our reconnect strategies "disconnect,online,timeout"
manual Manually open the connection false
websockets Should we AVOID the usage of WebSockets Boolean, is detected
network Use native online/offline detection Boolean, is feature detected
transport Transport specific configuration {}
queueSize Number of messages that can be queued Infinity

There are 2 important options that we're going to look a bit closer at.

Reconnect

When the connection goes down unexpectedly a automatic reconnect process is started. It's using a randomised exponential back-off algorithm to prevent clients from DDoSing your server when you reboot as they will all be re-connecting at different times. The reconnection can be configured using the options argument in Primus and you should add these options to the reconnect property:

Name Description Default
maxDelay The maximum delay of a reconnect Infinity
minDelay The minium delay of the reconnect 500
retries Amount of allowed reconnects. 10
primus = Primus.connect(url, {
  reconnect: {
      maxDelay: Infinity // Number: The max delay for a reconnect retry.
    , minDelay: 500 // Number: The minimum delay before we reconnect.
    , retries: 10 // Number: How many times should we attempt to reconnect.
  }
});

When you're going to customize minDelay please note that it will grow exponentially e.g. 500 -> 1000 -> 2000 -> 4000 -> 8000 and is randomized so expect to have the slightly higher or lower values.

Please note that when we reconnect, we will receive a new connection event on the server and a new open event on the client, as the previous connection was completely dead and should therefore be considered as new connection.

If you are interested in learning more about the backoff algorithm you might want to read http://dthain.blogspot.nl/2009/02/exponential-backoff-in-distributed.html

Strategy

The strategy allows you to configure when you want a reconnect operation to kick in. We're providing some sane defaults for this but we still want to provide users with highest level of customization:

disconnect
Reconnect when we detect an unintential disconnect in the connection.
online
Reconnect when the browser went from an offline event to an online event.
timeout
Reconnect when we failed to establish our initial connection. This can happen because we took to long to connect or because there was an error while we tried to connect (which happens when you connect to a dead server)

You can supply these options as a comma separated String:

var primus = new Primus(url, { strategy: 'online, timeout ,diScoNNect' })

Or as an Array:

var primus = new Primus(url, { strategy: [ 'online', 'timeout', 'diScoNNect' ]});

We'll try to normalize everything as much as possible, we toLowerCase everything and join it back to a readable string.

If you are using authentication you should disable the timeout strategy as there is no way of detecting the difference between a failed authorization and a failed connect. If you leave this enabled with authorization every unauthorized access will try to reconect again.

We automatically disable this for you when you've set the authorization before you save the library.

But there are always use cases where reconnection is not advised for your application. In these cases we've provided a way to completely disable the reconnection, this is done by setting the strategy to false:

var primus = new Primus(url, { strategy: false });

If you want to manually control the reconnection you can call primus.end() to close the connection and primus.open() to enstablish a new one. Don't do manual reconnection if you haven't set the strategy to false.

transport

The transport object allows you to add a transport specific configuration. We only recommend using this if you understand and accept the following consequences:

  • Primus will try to override configuration properties that are needed to ensure a correct functioning.
  • We might start using options without any announcement or major version bump.
  • Expect your client and it's connection to malfunction once you switch between different transports, as these configurations are specific to the bundled transformer library/client.
  • Bugs and bug reports caused by using this functionality are closed immediately.

Having that said, this gives you total freedom while still getting the benefits of Primus.

primus.write(message)

Once you've created your Primus instance you're ready to go. When you want to write data to your server you can just call the .write method:

primus.write('message');

It automatically encodes your messages using the parser that you've specified on the server. So sending objects back and forth between the server is nothing different then just writing:

primus.write({ foo: 'bar' });

When you are sending messages to the server, you don't have to wait for the open event to happen, the client will automatically buffer all the data you've send and automatically write it to the server once it's connected. The client supports a couple of different events.

primus.on('data')

The data event is the most important event of the whole library. It's emitted when we receive data from the server. The data that is received is already decoded by the specified parser.

primus.on('data', function message(data) {
  console.log('Received a new message from the server', data);
});

primus.on('open')

The open event is emitted when we've successfully created a connection with the server. It will also be emitted when we've successfully reconnected when the connection goes down unintentionally.

primus.on('open', function open() {
  console.log('Connection is alive and kicking');
});

primus.on('error')

The error event is emitted when something breaks that is out of our control. Unlike Node.js, we do not throw an error if no error event listener is specified. The cause of an error could be that we've failed to encode or decode a message or we failed to create a connection.

primus.on('error', function error(err) {
  console.error('Something horrible has happened', err, err.message);
});

primus.on('reconnect')

The reconnect event is emitted when we're attempting to reconnect to the server. This all happens transparently and it's just a way for you to know when these reconnects are actually happening.

primus.on('reconnect', function () {
  console.log('Reconnect attempt started');
});

primus.on('reconnecting')

Looks a lot like the reconnect event mentioned above, but it's emitted when we've detected that connection went/is down and we're going to start a reconnect operation. This event would be ideal to update your application's UI when the connection is down and you are trying to reconnect in x seconds.

primus.on('reconnecting', function (opts) {
  console.log('Reconnecting in %d ms', opts.timeout);
  console.log('This is attempt %d out of %d', opts.attempt, opts.retries);
});

primus.on('end')

The end event is emitted when we've closed the connection. When this event is emitted you should consider your connection to be fully dead with no way of reconnecting. But it's also emitted when the server closes the connection.

primus.on('end', function () {
  console.log('Connection closed');
});

primus.end()

When you want to close the connection you can call the primus.end() method. After this the connection should be considered dead and a new connection needs to be made using Primus.connect(url) or primus = new Primus(url) if you want to talk with the server again.

primus.end();

Connecting from the server

The client-side library has been made compatible with Node.js so the same code base can be re-used for server side connections. There are two ways of creating a server side client.

  1. When you've created your primus instance you can access the Socket property on it. This Socket is automatically configured to connect to the correct pathname, using the same transformer and parser that you've specified when you created your primus instance.

    var primus = new Primus(server, { transformer: transformer, parser: parser })
      , Socket = primus.Socket;
    
    var client = new Socket('http://localhost:8080');
    //
    // It has the same interface as the client, so you can just socket.write or
    // listen for the `open` events etc.
    //
  2. You might need to connect from a different node process where you don't have access to your primus instance and the compatible Socket instance. For these cases there a special createSocket method where you can specify the transformer, parser, plugin that you are using on your server to create another compatible socket.

    var Socket = Primus.createSocket({ transformer: transformer, parser: parser })
      , client = new Socket('http://localhost:8080');

If you do not know which transformer and parser are used on the server, we
expose a small JSON "spec" file that exposes this information. The
specification can be reached on the `/<pathname>/spec` and will output the
following JSON document:

```json
{
  "version":"2.1.2",
  "pathname":"/primus",
  "parser":"json",
  "transformer":"websockets"
}

Authorization

Server

Primus has a built in auth hook that allows you to leverage the basic auth header to validate the connection. To setup the optional auth hook, use the Primus#authorize method:

var authParser = require('basic-auth-parser');

//
// Add hook on server
//
primus.authorize(function (req, done) {
  var auth;

  try { auth = authParser(req.headers['authorization']) }
  catch (ex) { return done(ex) }

  //
  // Do some async auth check
  //
  authCheck(auth, done);
});

primus.on('connection', function (spark) {
  //
  // You only get here if you make it through the auth hook!
  //
});

In this particular case, if an error is passed to done by authCheck or the exception handler then the connection attempt will never make it to the primus.on('connection') handler.

The error you pass can either be a string or an object. If an object, it can have the following properties which affect the response sent to the client:

  • statusCode: The HTTP status code returned to the client. Defaults to 401.
  • authenticate: If set and statusCode is 401 then a WWW-Authenticate header is added to the response, with a value equal to the authenticate property's value.
  • message: The error message returned to the client. The response body will be {error: message}, JSON-encoded.

If the error you pass is a string then a 401 response is sent to the client with no WWW-Authenticate header and the string as the error message.

For example to send 500 when an exception is caught, 403 for forbidden users and details of the basic auth scheme being used when authentication fails:

primus.authorize(function (req, done) {
  var auth;

  if (req.headers.authorization) {
    try { auth = authParser(req.headers.authorization) }
    catch (ex) { 
      ex.statusCode = 500;
      return done(ex);
    }

    if ((auth.scheme === 'myscheme') &&
        checkCredentials(auth.username, auth.password)) {
      if (userAllowed(auth.username)) {
        return done();
      } else {
        return done({ statusCode: 403, message: 'Go away!' });
      }
    }
  }

  done({
    message: 'Authentication required',
    authenticate: 'Basic realm="myscheme"'
  });
});

Client

Unfortunately, the amount of detail you get in your client when authorization fails depends on the transformer in use. Most real-time frameworks supported by Primus don't expose the status code, headers or response body.

The WebSocket transformer's underlying transport socket will fire an unexpected-response event with the HTTP request and response:

client.on('outgoing::open', function ()
{
  client.socket.on('unexpected-response', function (req, res)
  {
    console.error(res.statusCode);
    console.error(res.headers['www-authenticate']);

    // it's up to us to close the request (although it will time out)
    req.abort();

    // it's also up to us to emit an error so primus can clean up
    socket.socket.emit('error', 'authorization failed: ' + res.statusCode);
  });
});

If you want to read the response body then you can do something like this:

client.on('outgoing::open', function ()
{
  client.socket.on('unexpected-response', function (req, res)
  {
    console.error(res.statusCode);
    console.error(res.headers['www-authenticate']);

    var data = '';

    res.on('data', function (v) {
      data += v;
    });

    res.on('end', function () {
      // remember error message is in the 'error' property
      socket.socket.emit('error', new Error(obj.error));
    });
  });
});

If unexpected-response isn't caught (because the WebSocket transformer isn't being used or you don't listen for it) then you'll get an error event:

primus.on('error', function error(err) {
  console.error('Something horrible has happened', err, err.message);
});

As noted above, err won't contain any details about the authorization failure so you won't be able to distinguish it from other errors.

Broadcasting

Broadcasting allows you to write a message to every connected Spark on your server. There are 2 different ways of doing broadcasting in Primus. The easiest way is to use the Primus#write method which will write a message to every connected user:

primus.write(message);

There are cases where you only want to broadcast a message to a smaller group of users. To make it easier to do this, we've added a Primus#forEach method which allows you to iterate over all active connections.

primus.forEach(function (spark, id, connections) {
  if (spark.query.foo !== 'bar') return;

  spark.write('message');
});

Destruction

In rare cases you might need to destroy the Primus instance you've created. You can use the primus.destroy() or primus.end() method for this. This method accepts an Object which allows you to configure how you want the connections to be destroyed:

  • close Close the HTTP server that Primus received. Defaults to true.
  • end End all active connections. Defaults to true.
  • timeout Clean up the server and optionally, it's active connections after the specified amount of timeout. Defaults to 0.

The timeout is especially useful if you want gracefully shutdown your server but really don't want to wait an infinite amount of time.

primus.destroy({ timeout: 10000 });

Events

Primus is build upon the Stream and EventEmitter interfaces. This is a summary of the events emitted by Primus.

Event Usage Location Description
outgoing::reconnect private client Transformer should reconnect.
reconnecting public client We're scheduling a reconnect.
reconnect public client Reconnect attempt is about to be made.
timeout public client Failed to connect to server.
outgoing::open private client/spark Transformer should connect.
incoming::open private client/spark Transformer has connected.
open public client Connection is open.
incoming::error private client Transformer received error.
error public client/spark An error happened.
incoming::data private client/server Transformer received data.
outgoing::data private client/spark Transformer should write data.
data public client/spark We received data.
incoming::end private client/spark Transformer closed the connection.
outgoing::end private client/spark Transformer should close connection.
end public client Primus has ended.
close public client The underlaying connection is closed, we might retry.
connection public server We received a new connection.
disconnection public server A connection closed.
initialised public server The server is initialised.
close public server The server has been destroyed.
incoming::pong private client We received a pong message.
outgoing::ping private client We're sending a ping message.
online public client We've regained a network connection
offline public client We've lost our internet connection
log public server Log messages.
readyStateChange public client/spark The readyState has changed.
outgoing::url private client The options used to construct the URL.

As a rule of thumb assume that every event that is prefixed with incoming:: or outgoing:: is reserved for internal use only and that emitting such events your self will most likely result in cฬฎฬซฬžอšอ‰ฬฎฬ™อ•ฬณฬฒอ‰ฬคฬ—ฬนฬฎฬฆฬชฬ–ฬฑhฬ›ออ™ฬ–ฬŸอ•ฬนอ•ฬ™ฬฆฬฃฬฒฬ ฬชฬฏฬณอ–ฬฬฉaฬดฬฬฆอ‡ฬฅฬ ฬŸอšฬณฬคฬนฬ—ฬปฬญออ–อ•อ“ฬปoฬฅฬนฬฎฬ™อ”ฬ—ออšอ“ฬ—ฬฆฬนอˆอ™อ•ฬ˜ฬฎอ–ฬศ™ฬ—ฬฒฬคฬ—ฬฎอˆฬ™อˆฬนฬผฬฃฬนฬ–ฬฑฬคฬผฬบฬค ฬปอ™ฬ—ฬฅฬ ฬฑอ‡ฬฑฬฬŸฬบอฬบฬผอ†ฬ…ฬ“ฬ“ฬ‡aฬœฬ–อˆอ‡อŽอ™ฬฒฬ™ฬ—อ‡ฬซฬ˜ฬ–ฬนอ–อ“อ”ฬบฬฑnฬนอ“ฬฎอ‡ฬฏฬœฬคฬ—อฬฏฬฐฬซฬซฬ–ฬฐอฌอŒอฌอซdอšฬชอšฬญอšฬฅฬฐฬคฬŸอŽฬฬฒฬฏฬญฬนฬญฬ™ฬผฬค อ–ฬžฬ™ฬนอˆอšฬฅฬฆอšอ‰อ–ฬผฬฌอ“อšฬณอ‰อ™อŽdฬดอšฬฑฬฎฬ—อฬฉฬปฬฐฬฃฬซอ‰อˆฬžฬฒอ‰ฬซฬžอ”แบปอฉอฆฬƒอŒฬฟฬอชอฉฬŒฬ‡อ‚ฬ†ฬ‘ออฃ า‰ฬฒอ‰อ”อŽฬคฬผฬ˜อ‡ฬฎฬฅฬปฬœฬนฬฅอšฬฒฬปฬ–sฬถฬ—ฬปฬซฬผฬ ฬณฬ—ฬบฬคฬ—ฬณอˆฬชฬฎฬ—ฬอ‡อˆtฬ™อ‡อ•ฬบฬฑฬผฬคฬ—ฬฐฬฌฬฃอŒอฌองอŠฬองอฉอŒrอŒฬฬ“ฬƒอฅฬ„อคอ‘ฬˆอฌอ†อฌอ‚ฬ‡ฬฟฬ… า‰ฬ™ฬผฬณฬญฬ™อฬปฬฑฬ อˆฬฎฬบฬฃฬฬฑฬ™ฬบอ‰ฦฐฬณอŽฬปอ”ฬฏฬชฬอ•อšฬฃฬœฬผฬžอ‡ฬ ฬ˜ฬ ฬชcฬจฬซอ™อ™ฬฌฬฐฬฐฬซฬอ‹อŠอ‘ฬŒฬพฬ‰อ†tอšฬ—อ•ฬฬคฬ—อ•ฬฒฬฎฬฬผฬบอ™อšฬŸอ“ฬฃฬฅอฤญอ™ฬ˜ฬฉฬ–อ‡อŽฬ†ฬฬฟฬพอคฬ”ฬ‰ฬˆฬ‚ฬพฬˆอญoฬฌฬ ฬอˆฬบฬ™ฬฎฬฌฬ—ฬชฬคอ•อ‡อ•ฬฐฬฎอ–อ‰ฬฌnฬ™ฬชฬคฬฬนอ–อ–ฬปฬฌฬนอ™ฬžฬ—อ“ฬžฬญฬœฬ ฬŸ.

To make it easier for developers to emit events on primus it self we've added an small helper function that checks if the event you want to emit is reserved for Primus only. This would be all incoming:: and outgoing:: prefixed events and the events listed above. This method is called <class>.reserved() and it's implemented on the Spark:

primus.on('connection', function connection(spark) {
  spark.on('data', function (data) {
    //
    // Just imagine that we receive an array of arguments from the client which
    // first argument is the name of the event that we need to emit and the
    // second argument are the arguments for function.
    //
    if (spark.reserved(data.args[0])) return;

    spark.emit.apply(spark, data.args[0]);
  });
});

But also the client:

var primus = new Primus('http://example.bar');

primus.on('data', function (data) {
  if (primus.reserved(data.args[0])) return;

  primus.emit.apply(primus, data.args);
});

And of course the Primus instance as well.

Heartbeats and latency

Heartbeats are used in Primus to figure out if we still have an active, working and reliable connection with the server. These heartbeats are send from the client to the server.

the heartbeats will only be send when there is an idle connection, so there is very little to no overhead at all. The main reason for this is that we already know that the connection is alive when we receive data from the server.

The heartbeat package that we send over the connection is primus::ping::<timestamp>. The server will echo back the exact same package. This allows Primus to also calculate the latency between messages by simply getting the <timestamp> from echo and comparing it with the local time. This heartbeat is then stored in a primus.latency properly. The initial value of the primus.latency is to the time it took to send an open package and to actually receive a confirmation that the connection has been opened.

Supported Real-time Frameworks

The following transformers/transports are supported in Primus:

Engine.IO

Engine.IO is the low level transport functionality of Socket.IO 1.0. It supports multiple transports for creating a real-time connection. It uses transport upgrading instead of downgrading which makes it more resilient to blocking proxies and firewalls. To enable engine.io you need to install the engine.io module:

npm install engine.io --save

And tell Primus that you want to use engine.io as transformer:

var primus = new Primus(server, { transformer: 'engine.io' });

If you want to use the client interface inside of Node.js you also need to install the engine.io-client:

npm install engine.io-client --save

And then you can access it from your server instance:

var Socket = primus.Socket
  , socket = new Socket('url');

WebSockets

If you are targeting a high end audience or maybe just something for internal uses you can use a pure WebSocket server. This uses the ws WebSocket module which is known to be one of, if not the fastest, WebSocket servers available in Node.js and supports all protocol specifications. To use pure WebSockets you need to install the ws module:

npm install ws --save

And tell Primus that you want to use WebSockets as transformer:

var primus = new Primus(server, { transformer: 'websockets' });

The WebSockets transformer comes with built-in client support and can be accessed using:

var Socket = primus.Socket
  , socket = new Socket('url');

BrowserChannel

BrowserChannel was the original technology that GMail used for their real-time communication. It's designed for same domain communication and does not use WebSockets. To use BrowserChannel you need to install the browserchannel module:

npm install browserchannel --save

And tell Primus that you want to use browserchannel as transformer:

var primus = new Primus(server, { transformer: 'browserchannel' });

The browserchannel transformer comes with built-in node client support and can be accessed using:

var Socket = primus.Socket
  , socket = new Socket('url');

Please note that you should use at least version 1.0.6 which contains support for query strings.

SockJS

SockJS is a real-time server that focuses on cross-domain connections and does this by using multiple transports. To use SockJS you need to install the sockjs module:

npm install sockjs --save

And tell Primus that you want to use sockjs as transformer:

var primus = new Primus(server, { transformer: 'sockjs' });

If you want to use the client interface inside of Node.js you also need to install the sockjs-client-node module:

npm install sockjs-client-node --save

And then you can access it from your server instance:

var Socket = primus.Socket
  , socket = new Socket('url');

Socket.IO

The Socket.IO transport was written against Socket.IO 0.9.x. It was one of the first real-time servers written on Node.js and is one of the most used modules in Node.js. It uses multiple transports to connect the server. To use Socket.IO you need to install the socket.io module:

npm install socket.io --save

And tell Primus that you want to use socket.io as transformer:

var primus = new Primus(server, { transformer: 'socket.io' });

If you want to use the client interface inside of Node.js you also need to install the socket.io-client:

npm install socket.io-client --save

And then you can access it from your server instance:

var Socket = primus.Socket
  , socket = new Socket('url');

As you can see from the examples above, it doesn't matter how you write the name of the transformer, we just toLowerCase() everything.

Transformer Inconsistencies

  • BrowserChannel does not give you access to the remotePort of the incoming connection. So when you access spark.address the port property will be set to 1337 by default.
  • SockJS does not support connections with query strings. You can still supply a query string in the new Primus('http://localhost:80?q=s') but it will not be accessible in the spark.query property as it will be an empty object.
  • BrowserChannel is the only transformer that does not support cross domain connections.
  • SockJS and BrowserChannel are originally written in CoffeeScript which can make it harder to debug when their internals are failing.
  • Engine.IO and SockJS do not ship their client-side library with their server side component. We're bundling a snapshot of these libraries inside of Primus. We will always be targeting the latest version of these transformers when we bundle the library.
  • There are small bugs in Engine.IO that are causing our tests to fail. I've submitted patches for these bugs, but they have been rejected for silly reasons. The bug causes closed connections to say open. If you're experiencing this you can apply this patch.

Middleware

Primus has two ways of extending the functionality. We have plugins but also support middleware. And there is an important difference between these. The middleware layers allows you to modify the incoming requests before they are passed in to the transformers. The middleware layer is only ran for the requests that are handled by Primus.

We support 2 kind of middleware, async and sync middleware. The main difference between these kinds is that sync middleware doesn't require a callback, it is completely optional. In Primus, we eat our own dog food. Various of components in Primus are implemented through middleware layers:

  • cors: Adds the Access Control headers.
  • primus.js: It serves our primus.js client file.
  • spec: It outputs the server specification.
  • authorization Our authorization handler.

Primus.before(name, fn, options, index)

The primus.before method is how you add middleware layers to your system. All middleware layers need to be named. This allows you to also enable, disable and remove middleware layers. The supplied function can either be a pre-configured function that is ready to answer request/response or an unconfigured middleware. An unconfigured middleware is a function with less then 2 arguments. We execute this function automatically with Primus as context of the function and optionally, the options that got provided:

primus.before('name', function () {
  var primus = this;

  return function (req, res) {
    res.end('foo');
  }
}, { foo: 'bar' });

As you can see in the example above, we assume that you return the actual middleware layer. If you don't need any pre-configuration you can just supply the function directly:

// sync middleware
primus.before('name', function (req, res) {

});

// async middleware
primus.before('name', function (req, res, next) {
  doStuff();
});

You need to be aware that these middleware layers are running for HTTP requests but also for upgrade requests. Certain middleware layers should only run for HTTP or Upgrade requests. To make it possible you can add a http or upgrade property to the middleware function and set it to false if you don't want it to be triggered.

primus.before('name', function () {
  function middleware(req, res, next) {
  
  }

  middleware.upgrade = false; // Don't run this middleware for upgrades

  return middleware;
});

By default a new middleware layer is added after the previous one, but there are cases where you need to add a middleware at a specified index in the stack. To accomplish this you can use the optional 0 based index argument.

// add a middleware after the first two in the stack
primus.before('name', function (req, res) {

}, 2);

Primus.remove(name)

This method allows you to remove middleware's that are configured. This works for the middleware layers that you added but also the middleware layers that we add by default. If you want to use a different way to serve the primus.js file you can simply:

primus.remove('primus.js');

And add your own middleware instead.

Primus.disable(name)

In addition to removing middleware layers, it's also possible to disable them so they are skipped when we iterate over the middleware layers. It might be useful to just disable certain middleware layers in production.

primus.disable('name');

Primus.enable(name)

Of course, when you can disable middleware there also needs to be way to enable them again. This is exactly what this method does. Re-enable a disabled middleware layer.

primus.enable('name');

Plugins

Primus was built as a low level interface where you can build your applications upon. At it's core, it's nothing more than something that passes messages back and forth between the client and server. To make it easier for developers to switch to Primus we've developed a simple but effective plugin system that allows you to extend Primus's functionality.

Plugins are added on the server side in the form of an Object:

primus.use('name', {
  server: function (primus, options) {},
  client: function (primus, options) {},
  library: 'client side library'
});

Or you can pass the plugin Object directly into the constructor:

var primus = new Primus(server, { plugin: {
  name: {
    server: function (primus, options) {},
    client: function (primus, options) {},
    library: 'client side library'
  }
}})

The server function is only executed on the server side and receives 2 arguments:

  1. A reference to the initialised Primus server.
  2. The options that were passed in the new Primus(server, { options }) constructor. So the plugin can be configured through the same interface.

The client receives the same arguments:

  1. A reference to the initialised Primus client.
  2. The options that were passed in the new Primus(url, { options }) constructor. So the plugin can be configured through the same interface.

The only thing you need to remember is that the client is stored in the library using toString() so it cannot have any references outside the client's closure. But luckily, there's a library property that will also be included on the client side when it's specified. The library property should be an absolute path to the library file.

Extending the Spark / Socket

The server has a .Spark property that can be extended. This allows you to easily add new functionality to the socket. For example adding join room function would be as easy as:

primus.use('rooms', {
  server: function (primus) {
    var Spark = primus.Spark;

    Spark.prototype.join = function () {
      // implement room functionality.
    };
  }
});

Transforming and intercepting messages

Intercepting and transforming messages is something that a lot of plugins require. When your building an EventEmitter plugin or something else you probably don't want the default data event to be emitted but your custom event. There are 2 different types of messages that can be transformed:

  1. incoming These messages are being received by the server.
  2. outgoing These messages are being sent to the client.

The transformer is available on both the client and the server and share, like you would have expected the same identical API. Adding a new transformer is relatively straightforward:

primus.transform('incoming', function (packet) {
  //
  // The packet.data contains the actual message that either received or
  // transformed.
  //

  // This would transform all incoming messages to foo;
  packet.data = 'foo';

  // If you are handling the message and want to prevent the `data` event from
  // happening, simply `return false` at the end of your function. No new
  // transformers will be called, and the event won't be emitted.
});

These transformations can easily be done in the plugins:

primus.use('name', {
  server: function (primus) {
    primus.transform('outgoing', function (packet) {
      packet.data = 'foo';
    });

    primus.transform('incoming', function (packet) {
      if (packet.data === 'foo') packet.data = 'bar';
    });
  },

  client: function (primus) {
    primus.transform('outgoing', function (packet) {
      packet.data = 'foo';
    });

    primus.transform('incoming', function (packet) {
      if (packet.data === 'foo') packet.data = 'bar';
    });
  }
});

Community Plugins

These are plugins created by our amazing community. Do you have a module that you want to have listed here? Make sure it has test suite and runs on Travis CI. After that open a pull request where you added your module to this README.md and see it be merged automatically.

primus-rooms
A module that adds rooms capabilities to Primus. It's based on the rooms implementation of Socket.IO.
Build Status NPM version
primus-multiplex
A module that adds multiplexing capabilities to Primus.
Build Status NPM version
primus-emitter
A module that adds emitter capabilities to Primus.
Build Status NPM version
primus-cluster
Scale Primus across multiple servers or with node cluster.
Build Status NPM version
primus-responder
Client and server plugin that adds a request/response cycle to Primus.
Build Status NPM version
primus-redis
primus-redis is a Redis store for Primus. It takes care of distributing messages to other instances using Redis Pub/Sub.
Build Status NPM version
primus-redis-rooms
primus-redis-rooms is a Redis store for Primus and primus-rooms.
Build Status NPM version
primus-resource
Define resources with auto-binded methods that can be called remotely on top of Primus.
Build Status NPM version
hapi_primus_sessions
A hapi and primus plugin which extends primus' spark with a `getSession(cb)` method which returns the current hapi session object.
NPM version
primus-express-session
Share a user session between Express and Primus.
Build Status NPM version
backbone.primus
Bind primus.io events to backbone models and collections.
Build Status
primus-spark-latency
Adds a latency property to primus sparks server-side.
Build Status NPM version

In addition to these community provided plugins, the Primus project also provides the following plugins:

substream
Substream is an opinionated but stream compatible connection multiplexer on top of the Primus connections. These streams can be created without pre-defining them on the server or client.
Build Status NPM version

Example

There is a small example folder included in this repository which allows to easily play with the real-time connection. The code in the example is heavily commented for your reading pleasure. The example requires some extra dependencies so don't forget to run npm install . in the folder. The example can be run using npm start or if you want to customize the parsers/transformers you can use:

node index.js --transformer <name> --parser <name> --port <number>

The example is also hosted on Nodejitsu an can be accessed at:

http://primus-example.nodejitsu.com/

Please note that the site can be down from time to time as it supports killing the server to trigger reconnects. So you can see what happens when you restart your server/application.

Community

Using Primus in production or created an awesome demo using the technology? We've set up a special wiki page for it where you can show your awesome creations or learn from demo and example applications how to use Primus. Checkout the wiki page out at:

https://github.com/primus/primus/wiki/Production

FAQ

What is the best way to scale Primus

Scaling Primus is as simple as sticking it behind a load balancer that supports sticky sessions and run multiple versions of your application. This is a vital feature that your load balancer needs to support. This ensures that the incoming requests always go back to the same server. If your load balancer does not support sticky sessions, get another one. I highly recommend HAProxy. According to my own testing it the fastest and best proxy available that supports WebSockets. See https://github.com/observing/balancerbattle for more detailed information.

How do I use Primus with Express 3

Express 3's express() instance isn't a valid HTTP server. In order to make it work with Primus and other real-time transformers you need to feed the instance to a real http server and supply this server. See example below:

'use strict';

var express = require('express')
  , Primus = require('primus')
  , app = express();

//
// Do your express magic.
//

var server = require('http').createServer(app)
  , primus = new Primus(server, { options });

server.listen(port);

Is require.js supported

Require.js is supported to a certain degree. The primus.js core file should be compatible with require.js but it could be that the transformer of your choosing isn't compatible with require.js. For example engine.io uses component which introduces it's own require function that causes issues. In addition to that, there are plugins which might use these modules that break require.js. The general advice for this is to drop require.js in favour of plain script loading or use of browserify where possible. If you feel strong about require.js we accept pull requests that improve this behaviour or helps us save guard against these issues.

Can I send custom headers to the server

It is not possible to send custom headers from the client to the server. This is because these headers need to be set by the actual transports that the transformers are using. The only transport that would support this would be AJAX polling. To send custom data to the server use a query string in your connection URL, as this is something that all transports support. The only noticeable exception for this case is SockJS as it doesn't allow query strings in the connection URL.

var primus = new Primus('http://localhost:8080/?token=1&name=foo');

Versioning

History

You can discover the version history and change logs on the Releases page

Convention

All 0.x.x releases should be considered unstable and not ready for production. The version number is laid out as: major.minor.patch and tries to follow semver as closely as possible but this is how we use our version numbering:

major

A major and possible breaking change has been made in the primus core. These changes are not backwards compatible with older versions.

minor

New features are added or a big change has happened with one of the real-time libraries that we're supporting.

patch

A bug has been fixed, without any major internal and breaking changes.

Release cycle

There isn't a steady or monthly release cycle. We usually release a new version when:

  1. A critical bug is discovered.
  2. There have been a lot of minor changes.
  3. A framework did an incompatible update.
  4. A new framework is added.
  5. People ask for it.

Other languages

These projects are maintained by our valuable community and allow you to use primus in a different language than JavaScript:

primus-objc
Build Status
A client written in Objective-C for the Primus real-time framework with initial support for web sockets (via SocketRocket) and socket.io (via socket.IO-objc). Easily switch between different real-time Objective-C frameworks without any code changes.

Want to have your project listed here? Add it using a pull-request!

License

MIT

primus's People

Contributors

3rd-eden avatar lpinca avatar davedoesdev avatar jcrugzz avatar cayasso avatar thapar avatar brycekahle avatar mrdnk avatar fishrock123 avatar timbur avatar alessioalex avatar thataustin avatar balupton avatar benjie avatar mscdex avatar denizozger avatar gregberge avatar gkorland avatar idris avatar swissmanu avatar mlebrun avatar zemirco avatar fivetanley avatar agrbin avatar angleman avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.