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

  • 时间:
  • 浏览:5
  • 来源:5分3D_5分排列5

就是在我想要发送请求的地方,直接订阅朋友完后 定义的那个请求:

朋友时要定另一一三个小 文件,告诉angular哪些地方地方情况,朋友定义另一一三个小 proxy.config.json,文件内容如下:

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

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

webSocket是另一一三个小 长连接。

监听WebSocket连接时间,就是作出对应的补救

下面给出删剪的代码:

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

将HttpClient依赖注入进来,就是定义朋友我想要的请求:

那这应该为甚办呢?

这段代码的意思是告诉angular不可能 是api前缀的URL,朋友应该去本地的60 00端口中去寻找。

建立与服务器端的连接

向服务器端推送消息

就是时要着重说一下的是,另一一三个小 随便说说说定义好了,就是请求还是发都没人去的,不可能 朋友要访问的不不可能 是在当面的你或多或少项目中的,一定是开在了别的某台机器上的某个项目里。

在时要建立websocket的地方写如下的代码,一般会写在ngOnInit办法中,也就是说在组件刚始于创建的完后 ,就会建立连接:

封装另一一三个小 办法用于完后 的使用:

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

通过命令:

有的完后 朋友不是服务器端在一段时间间隔内,不断向客户端推送的时要:

websocket的服务器端和Http服务器的搭建一阵一阵类似 :

传统的Http协议,可不才能了是在发送请求情况和接收响应情况相互交换。而webSocket可不才能在另一一三个小 连接点进行交换数据。

引入WebSocket包

创建tsconfig.json文件:

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

不可能 时要发送消息,可不才能写如下代码:

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

首先定义另一一三个小 变量 ws: WebSocket;

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

就是就可不才能通过使用你或多或少个 办法进行与websocket服务端的通信。