Rethinkdb 节点将提要更改为 HTML

Question

我正在尝试显示从我的 rethinkdb 数据库到 HTML（前端）的任何更改提要，但我无法显示任何更改提要。

你能帮我解决这个问题吗？

文件是app.js

var express = require('express'),
    app = express(),
    server = require('http').createServer(app),
    users = {},
    db='testing',
    table = 'todos';
    io = require('socket.io').listen(server);
var bodyParser = require('body-parser');

server.listen(5000);

app.get('/', function(req, res){
    res.sendFile(__dirname + '/index.html');
});

var config = require(__dirname + '/config.js');
var r = require('rethinkdbdash')(config.rethinkdb);

io.sockets.on('connection', function(socket){
    r.db(db).table(table).pluck('title').changes().run().
        then(function(feed){
            feed.each(function(err, item){
                console.log(JSON.stringify(item, null, 2));
                io.emit('new message', item);   
            }); 
    });
});

config.js 文件

module.exports = {
  rethinkdb: {
    host: '192.168.2.3',
    port: 28015,
    authKey: '',
    db: 'testing'
  },
  express: {
     port: 5000
  }
};

index.html 文件

<html>
<head>
    <title>Chat with socket.io and node.js</title>
    <style>
        #chat{
            height:500px;
        }
    </style>
</head>
<body>
    <div id="chat"></div>
    <form id="send-message">
        <input size="35" id="message"></input>
        <input type="submit"></input>
    </form>

    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script>
        jQuery(function($){
            var socket = io.connect();
            var $messageForm = $('#send-message');
            var $messageBox = $('#message');
            var $chat = $('#chat');

            $messageForm.submit(function(e){
                e.preventDefault();
                socket.emit('send message', $messageBox.val());
                $messageBox.val('');
            });

            socket.on('new message', function(data){
                $chat.append(data + "<br/>");


        });
    </script>
</body>
</html>

Answer 1

你在 index.html 上有一些语法错误，这会阻止客户端运行ning，那么主要问题是你选择了错误的字段。

这是有效的代码：

app.js

var express = require('express'),
app = express(),
server = require('http').createServer(app),
users = {},
db='testing',
table = 'todos';
io = require('socket.io').listen(server);
var bodyParser = require('body-parser');

server.listen(5000);

app.get('/', function(req, res){
  res.sendFile(__dirname + '/index.html');
});

var config = require(__dirname + '/config.js');
var r = require('rethinkdbdash')(config.rethinkdb);

io.sockets.on('connection', function(socket){
  r.db(db).table(table)
  .pluck('title')
  .changes()
  .run()
  .then(function(feed){
    feed.each(function(err, item){
      console.log(JSON.stringify(item, null, 2));
      io.emit('new message', item.new_val.title);
    })
  })
})

index.html

<html>
<head>
  <title>Chat with socket.io and node.js</title>
  <style>
#chat{
  height:500px;
}
  </style>
</head>
<body>
  <div id="chat"></div>
  <form id="send-message">
    <input size="35" id="message"></input>
    <input type="submit"></input>
  </form>

  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="/socket.io/socket.io.js"></script>
  <script>
jQuery(function($){
  var socket = io.connect();
  var $messageForm = $('#send-message');
  var $messageBox = $('#message');
  var $chat = $('#chat');

  $messageForm.submit(function(e){
    e.preventDefault();
    socket.emit('send message', $messageBox.val());
    $messageBox.val('');
  });

  socket.on('new message', function(data){
    $chat.append(data + "<br/>");


  });
})
  </script>
</body>
</html>

请注意，在更改提要中，您会得到这样的文档：

{
  "new_val": {
    "id": "862e6410-f686-4a70-8a52-d4387181d4f2",
    "title": "12"
  },
  "old_val": null
}

如果你 return 整个文档，那么在客户端 $chat.append(data + "<br/>") 上的字符串连接可能会得到一个错误或 'object Object' 的字符串，因为数据是 object，不是字符串。

如果您 return 的唯一标题是这样的：

io.emit('new message', item.new_val.title);

那么字符串concat会运行 ok.

另外，你的代码很乱。我建议你在一般情况下获得JavaScript的一些基础。

Rethinkdb 节点将提要更改为 HTML

Rethinkdb node change feed to HTML

node.js

real-time

rethinkdb