Tôi làm cách nào để sử dụng ổ cắm web với Angular4? Các HttpModule không hỗ trợ nó, do đó, có một gói NPM có sẵn mà tôi có thể sử dụng?Sử dụng ổ cắm web với Angular4?
Thiết lập:
MS SQL DB cho cơ sở dữ liệu
Góc không cung cấp đối tượng đặc biệt để hỗ trợ WebSockets. Nhưng tin tốt là WebSocket được hỗ trợ bởi tất cả các trình duyệt và bạn có thể sử dụng nó trong các ứng dụng Angular4 của mình. Trong ứng dụng này tôi đã sử dụng gói ws trên máy chủ (Node.js) và đối tượng WebSocket của trình duyệt trên máy khách (xem https://github.com/Farata/angular2typescript/blob/master/Angular4/auction/client/src/app/product-detail/websocket.service.ts)
Một lựa chọn, bạn luôn có thể sử dụng căn cứ hỏa lực (btw này là một lựa chọn rất thú vị). Khá nhiều tất cả các nâng nặng cho bạn.
Nếu không, WebSockets là tiêu chuẩn HTML5. Bạn chỉ cần viết một số mã để thực hiện nó. Kiểm tra trang web này trong đó có tất cả các loại thông tin, một bản demo echo/kiểm tra, vv:
Cơ sở dữ liệu phụ trợ của tôi là MS SQL DB, chứ không phải Firebase. –
Điều đó thực sự không quan trọng. Tôi đã tích hợp đăng nhập Firebase và đẩy vào các ứng dụng mà không sử dụng nó làm cơ sở dữ liệu của tôi. Nhưng điều đó sang một bên, các ổ cắm web không thực sự phức tạp để thực hiện, bạn có thể dễ dàng tạo ra một mô-đun/dịch vụ. Một lần nữa hãy kiểm tra websocket.org. Bạn vẫn phải làm công việc phụ trợ, nhưng một lần nữa có tất cả các loại gói ở đó, python, v.v. –
Bạn có thể sử dụng socket.io-client, chỉ cần chắc chắn để bao gồm các typings khi cài đặt.
https://www.npmjs.com/package/socket.io-client
Install: npm install --save socket.io-client
và
npm install --save @types/socket.io-client hoặc npm install --save-dev @types/socket.io-client
lưu ý: Có một hướng dẫn tuyệt vời mà bao gồm hướng dẫn cho một MEAN full-stack môi trường here nếu quan tâm .
chỉnh sửa: Vì những người khác đã đề cập đến WebSocket là một tiêu chuẩn HTML5. Điều này sẽ đơn giản tạo ra một giao diện dễ sử dụng cho các tương tác socket front-end và có thể áp dụng cho bất kỳ môi trường back-end nào.
tôi sử dụng angular2-websocket/angular2-websocket trong dự án góc cạnh của tôi, và nó làm việc rất tốt https://github.com/afrad/angular2-websocket
Trong khi liên kết này có thể trả lời câu hỏi, tốt hơn nên bao gồm các phần thiết yếu của câu trả lời ở đây và cung cấp liên kết cho tài liệu tham khảo. Câu trả lời chỉ liên kết có thể trở thành không hợp lệ nếu trang được liên kết thay đổi. –
Vì 'WebSocket mới' ('http://www.example.com') 'không cần mô-đun. – cgTag