AngularJS：通过 https 使用 socket.io 的聊天应用程序

Posted 2023-03-07

【中文标题】AngularJS：通过 https 使用 socket.io 的聊天应用程序

【英文标题】：AngularJS: chat app with socket.io over https

【发布时间】：2013-09-07 10:23:43

【问题描述】：

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

但是，当我尝试使其通过 https 运行时遇到了麻烦。

服务器上没有捕获任何套接字事件，因此不会向客户端发送聊天消息，并且用户无法加入房间。我在socket.io.js 的客户端上也收到此错误：

Uncaught TypeError: Cannot call method 'onClose' of null  

我创建了一个express https 服务器监听端口8000 并将套接字定义修改为：

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

在js/services.js 和/bower_components/angular-socket-io/socket.js 中

不太清楚如何解决这个问题。提前致谢！

【问题讨论】：

你能看看这个网址吗：***.com/questions/15295672/…

有趣，你有没有想出任何解决方案？

我遇到了完全相同的问题。

更多关于服务器代码的信息。

【参考方案1】：

只需进行一些更改即可通过 https 使用它，尽管这是一个旧的 express 2.5 应用程序，您应该考虑研究一下：https://github.com/socketio/chat-example

/**
 * 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);
);

【参考方案2】：

我有一个应用程序可以做同样的事情 :) 使用套接字 io 并使用 :8080 您需要确保您的安全证书正在注册 https://localhost 和 https://localhost:8000 并且已添加到您的钥匙串中页面将加载，但您的套接字连接将失败。