与服务器通讯

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

image.png

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

image.png

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


image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png
image.png

下面是 返回json形式的数据


image.png

筛选相应Id 的 数据返回


image.png

2.http服务
下面是一个get请求的例子
image.png

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

image.png

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


image.png

同样我们要修改 请求路径

image.png

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

image.png

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

image.png

修改上面的组件

image.png

同样可以实现相同的功能


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

image.png
image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容