1. 首页
  2. 编程语言
  3. Javascript
  4. 在Angular项目使用socket.io实现通信的方法

在Angular项目使用socket.io实现通信的方法

上传者: 2021-09-28 00:27:30上传 PDF文件 87.18 KB 热度 12次

step1、为项目安装依赖在终端输入以下命令为我们的angular项目安装本人安装的各版本信息如下:step2、编写后台服务可以在项目中新建一个server文件夹,用来存放我们的后台服务,然后新建文件step3、创建angular服务这里我们创建了两个方法,step4、创建组件这样一个简单的socket通信就完成了,效果图如下:启动服务前端页面如果遇到跨域问题,大概率是没有处理跨域,检查自己的代码和端口号是否正确,详情参考handing-cors另外,如果遇到在网上看到很多人是这样写的 import * as io from ‘socket.io-client',这种写法在typescript中是会报错的,改成上面的写法即可。

用户评论