Q

在Angular4中使用web-sockets？

2017-06-30 115 views 5 likes

5

如何在Angular4上使用web-sockets？ HttpModule不支持它，那麼是否有可用的NPM軟件包？在Angular4中使用web-sockets？

設置：

.NET的核心Web API的API訪問
列表項

MS SQL DB數據庫

2017-06-30 wonderful world

+1

因爲新的WebSocket（'http://www.example.com'）'不需要模塊。 – cgTag

A

回答

3

Angular不提供支持WebSocket的特殊對象。但好消息是所有瀏覽器都支持WebSocket，您可以在Angular4應用程序中使用它。在這種應用我所用的服務器（Node.js的），並在客戶端瀏覽器的WebSocket對象的WS包（見https://github.com/Farata/angular2typescript/blob/master/Angular4/auction/client/src/app/product-detail/websocket.service.ts）

2017-06-30 19:23:10

1

一種選擇，你可以隨時使用火力地堡（這btw是一個非常有趣的選擇）。幾乎所有的事情都是爲了你。

否則，WebSockets是一個HTML5標準。你只需編寫一些代碼來實現它。看看這個網站，擁有各類信息的，回聲演示/測試等：

https://www.websocket.org/

2017-06-30 19:09:53

+0

我的後端數據庫是MS SQL數據庫，而不是Firebase。 –

+1

這真的沒關係。我已經集成了Firebase登錄和推送到應用程序，而不用它作爲我的數據庫。但是，除此之外，網絡套接字實際上並不複雜，您可以輕鬆創建模塊/服務。再次檢查websocket.org。你仍然需要做後端工作，但是還有各種各樣的軟件包，python等。 –

1

可以使用socket.io客戶端，只要確保在安裝時包括分型。

https://www.npmjs.com/package/socket.io-client

安裝： npm install --save socket.io-client

和

npm install --save @types/socket.io-client或npm install --save-dev @types/socket.io-client

注：有一個偉大的教程，包括平均全堆棧環境here如果有興趣的指導。

編輯：正如其他人所說的WebSocket是一個HTML5標準。這將簡單地創建一個易於使用的前端套接字交互界面，並適用於任何後端環境。

2017-06-30 19:19:27

0

我使用angular2-的WebSocket/angular2-的WebSocket在我的角度項目，它工作得很好 https://github.com/afrad/angular2-websocket

2017-11-01 08:58:25

+1

雖然這個鏈接可能回答這個問題，但最好在這裏包含答案的基本部分，並提供鏈接參考。如果鏈接頁面更改，則僅鏈接答案可能會失效。 –

相關問題