与服务器通讯

1.创建WEB服务器
首先我们新建一个文件夹
在命令行 输入 如下命令 会为我们创建一个默认的 package.json的文件

image.png

这里 我们使用ts 来开发服务器 所以要引入node的类型定义文件

image.png

因为nodejs是不认识ts的 所以我们要使用配置文件 将我们写好的ts编译成js
配置文件如下图:


与服务器通讯_第1张图片
image.png

接下来我们需要配置我们的 IDE
告诉IDE 依照我们写好的 tsconfig.json 来讲ts转换成 js

与服务器通讯_第2张图片
image.png

如下代码就是最简单的 web服务器

与服务器通讯_第3张图片
image.png

接下来 安装 EXPress框架 来简化我们的开发 方便创建restful

image.png

接下来 我们安装 express的定义文件 方便使用ts 开发 node

image.png

下面演示如何处理get请求 以及根据不同的 请求路径 作出不用的响应结果

与服务器通讯_第4张图片
image.png

我们找到相应的编译的js 我们用命令来运行这个 web服务

image.png

当我们修改了 服务器的文件的时候 服务并不能实时更新 所以我们在这里下载一个插件
使用下面的插件就会解决这个问题了

image.png
image.png

下面是 返回json形式的数据


与服务器通讯_第5张图片
image.png

筛选相应Id 的 数据返回


image.png

2.http服务
下面是一个get请求的例子
与服务器通讯_第6张图片
image.png

如果我们想让 angular 发出的 请求 发往一个指定的路径 需要配置 命令行工具
我们需要声明一个 配置文件 如下 并将请求的路径地址进行转发

与服务器通讯_第7张图片
image.png

同时 我们还需要修改 package.json
并修改下面的这行 命令


image.png

同样我们要修改 请求路径

image.png

同时也要修改服务器的请求响应代码

与服务器通讯_第8张图片
image.png

同时 我们也可以 通过异步管道来获取 相应的流的数据 |async

与服务器通讯_第9张图片
image.png

修改上面的组件

与服务器通讯_第10张图片
image.png

同样可以实现相同的功能


此外我们想要在请求中带有请求头 就需要我们在其他的参数上面增加附加参数

与服务器通讯_第11张图片
image.png
image.png

你可能感兴趣的:(与服务器通讯)