Skip to content

Send custom data on the Meteor's defaults websocket connection.

License

Notifications You must be signed in to change notification settings

wojtkowiak/meteor-custom-protocol

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Meteor Custom Protocols

Super easy way of sending something else than DDP over default Meteor socket connection. Just make your own protocol (or use JsonProtocol) and voila.

Wait, why?

In many cases when you want to send some volatile data, Meteor's normal way of sending data through either publications or methods might seem like an overkill.
Imagine for example a chat in which you do not want to store the history. It would be nice if you could just send and receive some data on both server and client without using local collections or methods.
Other packages like streamy or meteor-streams are already giving you nice API for that, but inside they are still passing data using Meteor's API. That of course is not a problem until performance and flexibility matters.
This package was made to not only give you direct access to the socket but also to give some basic way to structure and define your data flow. What is most important you can encode your data however you want, there is no need to use Json.
To send the data directly on the default Meteor connection this package uses the meteor-direct-stream-access which also ensures that any custom message will not interfere with Meteor's DDP protocol.

Installation

Just add the package to your project with:

meteor add omega:custom-protocol

Usage

There are two ways you can use this package. If you just want to send some data encoded with JSON there is a prebuilt JsonProtocol class exported for you. Below is a simple example on how to use it:

Using JsonProtocol

meteor add omega:json-protocol

First get the singleton instance:

let protocol = JsonProtocol.getInstance();

Sending:

// On the client
protocol.send('myMessage', { myData: 'to send' });

// On the server you need to specify a Meteor session id (or array of them) you want to send to
protocol.send('myMessage', { myData: 'to send' }, 'as3ijnso03sw');

Receiving:

// sessionId is only provided on server
protocol.on('myMessage', (data, sessionId) => {});

You can also remove a callback using removeCallback or removeAllCallbacks.

And that is basically it. There is just one limitation - your data object can not have a __type field because it is used to store your message name. You can change the field name to something else by invoking protocol.setTypeField('another field name');.

Creating you own protocol

Below is a step by step mini tutorial on how to create a simple protocol yourself. For example we will just encode data with JSON, but you can take a look here if you want to see a different encoding example. Lets proceed.

  1. Create a class that extends CustomProtocol

    class MyProtocol extends CustomProtocol {
    
    }
  2. Save this file as My.protocol.js extension and create an empty file named My.protocol (see why).

  3. Register your protocol and register at least one message. registerProtocol will register messages for you.

        constructor() {
            super();
            this.MY_MESSAGE = 1;
            this._messages[this.MY_MESSAGE] = { /*definition object*/ };
            this.registerProtocol('MyProtocol'); // pass your class name
         }

    or you can can call registerMessage explicitly:

        constructor() {
            super();
            // Message id must be int.
            this.MY_MESSAGE = 1;
            this.registerProtocol();
            this.registerMessage(this.MY_MESSAGE, { /*definition object*/ });
         }

    What is the definition object - check here.

  4. Create encode / decode methods:

        encode(messageId, definition, ...payload) {
            return JSON.stringify(payload[0]);
        }
    
        decode(messageId, definiton, rawMessage) {
            return JSON.parse(rawMessage);
        }

    What is the definition - check here.

  5. Use it:

    let protocol = new MyProtocol();
    
    // on client
    protocol.send(protocol.MY_MESSAGE, { some: 'data' });
    
    // with `DDP.connect` 
    const ddp = DDP.connect('ip:port');
    const connectionId = protocol.registerConnection(ddp);
    
    // on server 
    protocol.send(protocol.MY_MESSAGE, { some: 'data' }, 'sessionId');
    
    // register callback to receive the data
    // * sessionId and userId is only provided on server
    // * connectionId and connection are only provided if the 
    //   message came on additional DDP connection
    protocol.on(protocol.MY_MESSAGE, (data, sessionId, userId, connectionId, connection) => { console.log(data) });

If you want to send different data and receive them on different callback you have to declare a message for each of them or create a dynamic messages type protocol - check out below.

Where I can get the session id(s) I want to send to?

First way if you want to broadcast to all clients connected to your server.

Meteor.onConnection((connection) => {
    let sessionId = connection.id;
    
    // Here store the sessionId somewhere.
    
    connection.onClose(() => {
        // Here delete the stored sessionId.
    });
});

If you want a pub/sub functionality why not use Meteor's publish/subscribe. Here is how:

Meteor.publish('subscribeToMyProtocol', function () {
    let sessionId = this.connection.id;
       
    // Here store the sessionId somewhere.
    // You can also store this.userId of subscribed client and therefore be able to send to specified clients based on the user ids.
     
    this.onStop(() => {
        // Here delete the stored sessionId.
    });
});

On the client do not forget to Meteor.subscribe.

An example of using publish is here. If you would like me to make some utils to ease this a little, file an issue and I will create some nice API for that.

What is the - definition object

It is just a place to store some information used by your encode/decode methods. For example you could do a lame object values to string serializer like this:

// in the constrcutor of your protocol define a message with a definition object.
this._messages[0] = { fields: [ 'field1', 'field2' ]};
encode(messageId, definition, ...payload) {
    let data = payload[0];
    let encodedMessage = '';
    definition.fields.forEach((field) => {
        encodedMessage += data[field] + '|'
    });
    return encodedMessage;
}
decode(messageId, definiton, rawMessage) {
    let splitted = rawMessage.split('|');
    let i = 0;
    let decodedObject = {};
    definition.fields.forEach((field) => {
        decodedObject[field] = splitted[i];
        i++;
    });
    return decodedObject;
}

Protocol types - Declared or Dynamic messages

Protocols with declared messages look like the one in the tutorial. The main rule is that all the messages are defined in the constructor. Ids should be integers and they can also have the definition object attached.
If you do not want to declare messages in the constructor you can just extend DynamicMessagesProtocol instead of CustomProtocol and get some more flexibility.
Now you can send any message you like at any time. Additionally now you can use strings as the message id in send:

protocol.send('my message id', { data });

Your encode/decode methods will always get 0 as the messageId and definition object of course will be empty.
The only enforcement is that the object returned from your decode method, must have a field which says what message id that is. That is used internally to fire the appropriate callback set with protocol.on('my message id', (data) => {});.
By default the field name is __type. You can change the field name to something else by invoking this.setTypeField('another field name'); in your protocol constructor.
You should also take care of ensuring that your protocol will be a singleton (see why below) and pass your class name to super as the DynamicMessagesProtocol registers the protocol for you.
The provided in this package JsonProtocol is a simple dynamic messages protocol example.

Why do I need to create an empty file

Every protocol is indexed and assigned with an unique id in your app.
Because your app can use many protocols at the same time, internally they are distinguished by the id which is transmitted in the first bits of the message.
The index is saved in private/custom_protocols_index.json in your app dir.

You should include that file in your repo!

Please do not modify it unless you know what you are doing. Changing a protocol id when you have your app released will make your server backwards incompatible.
Protocols are indexed on every build. Since Meteor does not allow two build plugins to handle the same file extension, I could not simply index files with protocol.js extension. Instead this package is indeed indexing the empty files reconstructing the class name as xxxProtocol from xxx.protocol empty file.
Once you add the empty file with My.protocol name to your project, after first build/run MyProtocol will get the id and it is guaranteed that it will not change.
However if you will remove the .protocol file, do a build, add the file again, do the build - it might not get the same id it had before - be aware of that!

CustomProtocol API

Full API documentation if you need it 😄.
Client and server only differ on send method definition.
Client API
Server API
You can also check:
DynamicMessagesProtocol API

Contributing

If you discovered a bug please file an issue. PR are always welcome, but be sure to run and update the tests.
Please also regenerate the docs running npm run docs.

Examples

Here I will keep track of other packages using custom protocols so you can take a look how somebody is using it.

meteor-transfer-rate-monitor

Changelog

  • v4.0.2
    • added support for Meteor 1.8.1
    • extracted JSON protocol to a separate package
  • v4.0.0
    • added support for DDP.connect
    • dropped support for Meteor below 1.4
    • added added removeCallback and removeAllCallbacks to standard protocol
    • added userId to message callback on server side
  • v3.1.0 - added removeCallback and removeAllCallbacks to DynamicMessagesProtocol
  • v3.0.2 - Meteor 1.3.3 compatibility fix.

Tests

This package is fully tested and so is the used meteor-direct-stream-access package.
To run the tests, being inside the meteor project that uses this package type:

npm run test

and check out the results in the browser.

Some tests are failing on second and consecutive runs. This is nothing to worry about.

About

Send custom data on the Meteor's defaults websocket connection.

Resources

License

Stars

Watchers

Forks

Packages

No packages published