web socket通讯

最新推荐文章于 2024-06-24 09:18:51 发布

Phoenix_99

最新推荐文章于 2024-06-24 09:18:51 发布

阅读量252

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/Phoenix_99/article/details/109112414

版权

本文介绍了如何在Angular应用中集成WebSocket进行实时通信。首先通过npm安装ws库及其类型定义文件，然后展示了服务器端(auction_server.TS)和客户端的设置，包括在客户端创建服务以及在HTML和TS文件中的实现(web-socket HTML, web-socket TS, websocket.server.TS)。" 137538848,11374257,开源许可证详解与选择指南,"['开源', '编程', '法律', '开发', '教育']

摘要由CSDN通过智能技术生成

1、安装web socket依赖库

D:\angular\client>npm install ws --save

2.安装web socket的类型定义文件

D:\angular\client>npm i @types/ws --save-dev

服务器端

auction_server.TS

客户端，建立服务

D:\angular\client>D:\angular\client>ng g s shared/websocket

import * as express from 'express';
import {Server} from 'ws';

const app = express();
const server = app.listen(8000,"localhost",()=>{
    console.log("服务已启动!!!");
});

//const wsServer = new Server({port: 8088});
// 导入WebSocket模块:
const WebSocket = require('ws');

// 引用Server类:
const WebSocketServer = WebSocket.Server;

// 实例化:
const wsServer = new WebSocketServer({
    port: 8088
});

wsServer.on('connection', wsSocket => {
    wsSocket.send('这是来自服务器的招呼');
    wsSocket.on('message', message =>{
        console.log('接收到client端消息