javascript - angular2 中的 WebSocket

Question

我想将 WebSocket 客户端集成到我的 angular2 应用程序中。

我首先尝试使用 sock.js 来做到这一点 https://github.com/sockjs/sockjs-client并像这样创建了一个 SockJS 对象:

export class Core {

  private sock: any;

  constructor (private router: Router) {

    this.sock = new SockJS(AppSettings.WEBSOCK_ENDPOINT);

  }

}

我的问题是 angular2 无法识别 SockJS 类型。

然后我尝试使用 https://github.com/retyped/sockjs-client-tsd-ambient/blob/master/sockjs-client.d.ts 提供的类型定义在我的项目中，但无法真正弄清楚在哪里以及如何设置打字。

或者我尝试使用 angular2-websocket npm 包 https://github.com/afrad/angular2-websocket ，但是当我在我的应用程序中这样做时:

import {$WebSocket} from 'angular2-websocket/angular2-websocket'
var ws = new $WebSocket("url");

我的 IDE (Jetbrains WebStorm) 告诉我 $WebSocket 需要至少 2 个参数。

由于目前关于 angular2 中的 WebSockets 的信息非常少，我决定询问是否有人可以向我解释一种在 angular2 项目中设置 WebSocket 的简单好方法。

我使用 angular2 + webpack 并在此样板文件上构建我的项目 https://github.com/angular/angular2-seed

Answer 1

如你所见

https://github.com/afrad/angular2-websocket/blob/master/src/angular2-websocket.ts

其他参数可选

constructor(private url:string, private protocols?:Array<string>, private config?: WebSocketConfig  ) {

你可能也喜欢它有工作套接字 Angular 示例(使用 socket.io)

https://github.com/leonardohjines/auctionApp