Angular4总结(七)—— 与服务器通信

  • 时间:
  • 浏览:2

之前 非要发送消息,都都可不可以写如下代码:

在app.module.ts imports中加上上HttpClientModule模块

因此我 就都都可不可以通过使用这有有一个法律法律依据进行与websocket服务端的通信。

最后将package.json中的 scripts中的start指令改为如下的命令即可:

首先定义有有一个变量 ws: WebSocket;

在非要建立websocket的地方写如下的代码,一般会写在ngOnInit法律法律依据中,也却说 说在组件刚结束了创建的之前 ,就会建立连接:

通过命令:

因此我 在要我发送请求的地方,直接订阅当让.我之前 定义的那个请求:

下面贴出服务器端代码的样例:

引入WebSocket包

️请求是在这里subscribe的之前 ,才会真正的发送出去。

向服务器端推送消息

因此我 非要着重说一下的是,有有一个真是说定义好了,因此我 请求还是发不出去的,之前 当让.我要访问的不之前 是在当面的什儿 项目中的,一定是开在了别的某台机器上的某个项目里。

创建tsconfig.json文件:

监听WebSocket连接时间,因此我 作出对应的防止

那这应该为什么办呢?

在非要使用的地方,引入Obserable,和HttpClient包

要想使用angular的http请求,请按照如下几步操作来做:

将HttpClient依赖注入进来,因此我 定义当让.我要我的请求:

websocket的服务器端和Http服务器的搭建有点累似 :

下面给出全版的代码:

建立与服务器端的连接

传统的Http协议,非却说出发送请求情況和接收响应情況相互交换。而webSocket都都可不可以在有有一个连接点进行交换数据。

webSocket协议相对于http协议携带的数据更少。

当让.我非要定有有一个文件,告诉angular那此情況,当让.我定义有有一个proxy.config.json,文件内容如下:

这段代码的意思是告诉angular之前 是api前缀的URL,当让.要我去本地的20000端口中去寻找。

有的之前 当让.我有服务器端在一段时间间隔内,不断向客户端推送的非要:

webSocket是有有一个长连接。

封装有有一个法律法律依据用于之前 的使用: