我正在使用ErikRas的启动器在React,Redux,Express和Socket io中构建一个网站:https://github.com/erikras/react-redux-universal-hot-example
对我来说这看起来很疯狂:反应和还原的这么多教程。不想说如何实现MongoDb。我希望答案对其他人也有用。事实上,我们可以在网上找到的所有初学者都避免谈论和提供有关数据存储的例子。 ...也许是因为它推动了太多的复杂性。我不知道。所以......我正在尝试添加MongoDb。教程显示了不同的方式,但始终使用纯node.js和express,并且通常使用非常简单的设置。但是首发的api根本不容易,我迷路了!我不知道是否必须在api.js或server.js中连接所有内容或者......我非常困惑!!!
我设置了MongoDb并且工作正常。我已经在终端上收取了一些数据。 然后,在api.js中我添加了一些行(在下面的代码中注释):
import express from 'express';
import session from 'express-session';
import bodyParser from 'body-parser';
import config from '../src/config';
import * as actions from './actions/index';
import {mapUrl} from 'utils/url.js';
import PrettyError from 'pretty-error';
import http from 'http';
import SocketIo from 'socket.io';
// --------------- New Code
var mongo = require('mongodb');
var monk = require('monk');
var db = monk('localhost:27017/nodetest1');
// --------------------------------------
const pretty = new PrettyError();
const app = express();
const server = new http.Server(app);
const io = new SocketIo(server);
io.path('/ws');
app.use(session({
secret: 'react and redux rule!!!!',
resave: false,
saveUninitialized: false,
cookie: { maxAge: 60000 }
}));
app.use(bodyParser.json());
app.use((req, res) => {
const splittedUrlPath = req.url.split('?')[0].split('/').slice(1);
const {action, params} = mapUrl(actions, splittedUrlPath);
if (action) {
action(req, params)
.then((result) => {
if (result instanceof Function) {
result(res);
} else {
res.json(result);
}
}, (reason) => {
if (reason && reason.redirect) {
res.redirect(reason.redirect);
} else {
console.error('API ERROR:', pretty.render(reason));
res.status(reason.status || 500).json(reason);
}
});
} else {
res.status(404).end('NOT FOUND');
}
});
// -------------------> New code -> 'II part'
app.use(function(req,res,next){
req.db = db;
next();
});
// --------------------------------
const bufferSize = 100;
const messageBuffer = new Array(bufferSize);
let messageIndex = 0;
if (config.apiPort) {
const runnable = app.listen(config.apiPort, (err) => {
if (err) {
console.error(err);
}
console.info('----\n==> API is running on port %s', config.apiPort);
console.info('==> Send requests to http://%s:%s', config.apiHost, config.apiPort);
});
io.on('connection', (socket) => {
socket.emit('news', {msg: `'Hello World!' from server`});
socket.on('history', () => {
for (let index = 0; index < bufferSize; index++) {
const msgNo = (messageIndex + index) % bufferSize;
const msg = messageBuffer[msgNo];
if (msg) {
socket.emit('msg', msg);
}
}
});
socket.on('msg', (data) => {
data.id = messageIndex;
messageBuffer[messageIndex % bufferSize] = data;
messageIndex++;
io.emit('msg', data);
});
});
io.listen(runnable);
} else {
console.error('==> ERROR: No PORT environment variable has been specified');
}
...但是这会在终端中立即显示错误:
proxy error { Error: connect ECONNREFUSED 127.0.0.1:3030
at Object.exports._errnoException (until.js953:11)
at exports._exceptionWithHostPort (until.js:976:20)
at TCPConnectWrap.afterConnect [as oncomplete ] (net.js:1080:14)
code: 'ECONNREFUSED'
errno: 'ECONNREFUSED'
syscall: 'connect'
address: '127.0.0.1'
port: 3030 }
我在哪里以及如何实施MongoDb?为什么即使我添加的代码的第二部分不存在,我也会收到错误?有用的doc的任何链接?
提前谢谢!
答案 0 :(得分:2)
所以,我在这里找到了解决方案。我会试着留下一个我想找的答案。
目前,我刚刚完成了在Mongo数据库中编写。但是很多工作要做。而且我不确定我使用它的方式对于性能来说是最好的。所以随时改进它并开发完整的答案。
所以,这里我是如何使用express和socket.io来使用MongoDb的。我正在从Erik Ras的样板中构建我的网站
https://github.com/erikras/react-redux-universal-hot-example
在您的计算机上安装MongoDb。它将在C:\中安装Mongo,我做了两次,第二次安装在Porgrams中。
在名为api。
的文件夹中创建一个名为“data”的新文件夹然后使用MongoDb文件夹内的终端导航并找到bin。从那里,数字到数据文件夹的路径:
mongod --dbpath c:\nameofthefolderproject\api\data
Mongo初始化数据存储(需要一点时间),启动并等待连接。
使用项目根目录中的终端导航并安装mongoose:
npm install mongoose
然后打开文件名oflfolderproject \ api \ api.js导入mongoose:
import mongoose from 'mongoose';
并在导入后添加:
var mongoURI = "mongodb://localhost/nameofyourproject";
var db = mongoose.connect(mongoURI, function(err){
if(err){
console.log(err);
}else{
console.log('Finally connected!!!');
}
});
您应该在终端中收到该消息。
在api文件夹中创建一个名为:nameofthefolderproject \ api \ models
的文件夹在里面创建文件名oflfolderproject \ api \ models \ members.js
创建一个mongoose架构。如果您不了解,请查看文档以了解它。
var mongoose = require('mongoose');
var membersSchema = mongoose.Schema({
pseudo:{
type: String,
required: true
},
email:{
type: String,
required: true
},
date:{
type: Date,
default: Date.now
}
});
var Members = module.exports = mongoose.model('members',membersSchema);
创建文件:nameofthefolderproject \ api \ models \ index.js并编写以下内容。在这里,您将收集所有可以随时使用的模型。
export members from './members';
当api调用动作时,将模型传递给函数。
app.use(bodyParser.json());
app.use((req, res) => {
const splittedUrlPath = req.url.split('?')[0].split('/').slice(1);
const {action, params} = mapUrl(actions, splittedUrlPath);
// it calls the right action passing also the mongoose schemas (models)
if (action) {
action(req, params, models) etc etc...
现在进入服务器调用的操作。在我的情况下:nameofthefolderproject \ api \ actions \ addMember您现在可以使用该模型进行注册。就我而言:
export default function addMember(req, err, models) {
// this is the function called by the api. I passed all the models of mongoose.
return new Promise((resolve, reject) => {
// charge the data received from the form in a variable
var data = req.body;
// extract the mongoose model I interested about.
var Members = models.members;
// initialise the mongoose schema and connect the data received to the schema
var newMember = new Members({pseudo:data.pseudo, email:data.email});
// In this way I can register the data in mongodb data store
newMember.save(function(err, data){
// verify if there is an error, and confirm eventually the success
if(err){
throw err;
reject();
}
resolve();
});
});
}
如果我在接下来的几天里有时间,我会完成其余的工作并发布。
享受。
最高
答案 1 :(得分:0)
谢谢你的快速回答。事实上,server.js使用端口3030.但MongoDb使用端口27017.这是我不明白为什么这两个不能一起工作的方式。正如我补充道:
// --------------- New Code
var mongo = require('mongodb');
var monk = require('monk');
var db = monk('localhost:27017/nodetest1');
// --------------------------------------
......它变得疯狂: - )
我使用“express”:“^ 4.13.3”,节点是v 6.2.0