使用deepstream.io进行实时投票

时间:2016-03-10 14:44:00

标签: javascript real-time rethinkdb voting deepstream.io

我使用deepstream.iorethinkdb作为持久性存储,为实时投票系统制作了原型。到目前为止,它可以工作,并且多个浏览器可以保持同步以获得最新的投票数量(参见下面的屏幕截图),但是,我不喜欢的一件事是vote count在浏览器中递增,它被发送到deepstream.io远程服务器。

嵌入客户端浏览器的JS代码:

/**
        * Login to deepstream as Frank
        */
        var ds = deepstream( 'localhost:6020' ).login({ username: 'Frank'});
        var name = 'upvote';
        var upVotes;
        var voteText = $('.streaming-prices .vote');
        var record = ds.record.getRecord(name);
        $('#upvote_btn').click(function() {
            // on button click, increment the vote counts
            // set the record stored in the rethinkdb storage
            record.set({
                count: ++upVotes
            });
        });

        record.subscribe('count', function(newVal) {
            console.info('count updated, newVal: ', newVal);
            upVotes = newVal;
            voteText.text(newVal);
        });

server.js代码:

var PermissionHandler = require( './permission-handler' );

var DeepstreamServer = require( 'deepstream.io' ),
    RdbC = require( 'deepstream.io-storage-rethinkdb' ),
    server = new DeepstreamServer();

server.set('host', '0.0.0.0');
server.set('port', 6020);
server.set( 'tcpHost', '0.0.0.0' );
server.set( 'tcpPort', '6022' );
server.set( 'permissionHandler', new PermissionHandler() );

server.set( 'storage', new RdbC({
    port: 28015,
    host: '127.0.0.1',
    splitChar: '/',
    database: 'votings',
    defaultTable: 'question'
}));

server.start();

因此,您可以看到客户端中的js代码直接递增投票计数并更新记录,该记录将发送到deepstream.io服务器以更新数据库。 我不喜欢这部分内容,因为我不希望用户可能搞乱总票数相反,我希望客户端只是将+1之类的内容发送到服务器,并让服务器更新持久性的总计数。我不确定这是否可行,是否有人可以一些启发?我很感激

Screenshot for voting and showing vote counts

1 个答案:

答案 0 :(得分:1)

好的一点是,允许客户操纵投票可能效果不佳!

我会使用rpc这样做,这样在浏览器中您可以让受信任的提供商代表用户增加记录。

您需要做的三件事是:

  1. 通过浏览器请求rpc
  2. 从rpc提供程序(可以响应rpc的可信客户端)响应它
  3. 添加权限以拒绝任何从非提供商更改记录的尝试
  4. 代码看起来如下:

    浏览器中的JS代码

    /**
    * Login to deepstream as Frank
    */
    var ds = deepstream( 'localhost:6020' ).login( { username: 'Frank'} );
    
    var voteText = $('.streaming-prices .vote');
    var name = 'vote';
    var record = ds.record.getRecord( name );
    
    $('#upvote_btn').click(function() {
        // on button click, increment the vote counts
        // set the record stored in the rethinkdb storage
        ds.rpc.make( 'upvote', {}, function( error, response ){
            //notify user when upvote succesfull
        });
    });
    
    record.subscribe('count', function( newVal ) {
        console.info( 'count updated, newVal: ', newVal);
        voteText.text(newVal);
    });
    

    处理upvotes的rpc提供程序

    /**
    * Login to deepstream as Frank
    */
    var ds = deepstream( 'localhost:6021' ).login( { username: 'upvote-provider' } );
    
    var name = 'vote';
    var record = ds.record.getRecord( name );
    
    ds.rpc.provide( 'upvote', function( data, response ){
        record.set( 'count', record.get( 'count' ) + 1 );
        response.send();
    });
    

    服务器还应具有仅允许upvote-provider更改投票的权限。

    canPerformAction: function( username, message, callback ) {
        /**
         * If the user is a provider, it has all permissions
         */
        if( username === 'upvote-provider' ) {
            callback( null, true );
        }
        /**
         * Otherwise the client request is valid unless it's trying to change the score
         */
         else {
            var messageObj = Deepstream.readMessage( message );
            var isAllowed = messageObj.name !== 'vote' || messageObj.isRead;
            var errorMessage = isAllowed ? null : 'Can\'t change votes via client, use \'upvote\' rpc instead';
            callback( errorMessage, isAllowed );
        }
    }