AngularJS:通过https与socket.io聊天应用程序

时间:2013-09-04 03:25:31

标签: node.js sockets angularjs socket.io

我正在运行这个示例聊天应用https://github.com/btford/angular-socket-io-im,它使用socket.io/angular/node创建一个基本的im客户端。

但是当我尝试通过https工作时,我遇到了麻烦。

服务器上没有捕获套接字事件,因此没有向客户端发送聊天消息,用户也无法加入会议室。我也在socket.io.js中的客户端上收到此错误:

Uncaught TypeError: Cannot call method 'onClose' of null  

我创建了一个监听端口express的{​​{1}} https服务器,并将套接字定义修改为:

8000

var socket = io.connect('https://localhost:8000',{secure: true, port:8000}); js/services.js

不太确定如何解决这个问题。提前谢谢!

2 个答案:

答案 0 :(得分:0)

我有一个应用程序执行完全相同的操作:)使用套接字io并使用:8080您需要确保您的安全证书正在注册https://localhosthttps://localhost:8000并且已添加到您的钥匙串,否则页面将加载,但您的套接字连接将失败。

答案 1 :(得分:0)

只需进行一些更改即可通过https进行更改,但这是一个旧的快速2.5应用程序,您应该考虑进行查看:https://github.com/guille/chat-example.git

/**
 * Module dependencies.
 */

var fs = require('fs');
var options = {
  key:fs.readFileSync('key.pem'),
  cert:fs.readFileSync('cert.pem')
};
var express = require('express'),
  routes = require('./routes'),
  socket = require('./routes/socket.js');

var app = module.exports = express.createServer(options);



// Hook Socket.io into Express
var io = require('socket.io').listen(app);

// Configuration

app.configure(function(){
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.set('view options', {
    layout: false
  });
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(express.static(__dirname + '/public'));
  app.use(app.router);
});

app.configure('development', function(){
  app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

app.configure('production', function(){
  app.use(express.errorHandler());
});

// Routes

app.get('/', routes.index);
app.get('/partials/:name', routes.partials);

// redirect all others to the index (HTML5 history)
app.get('*', routes.index);

// Socket.io Communication

io.sockets.on('connection', socket);

// Start server

app.listen(8080, function(){
  console.log("Express server listening on port %d in %s mode", app.address().port, app.settings.env);
});