浅玩一下express,以前端的身份搞出一个接口请求玩一玩

125 阅读2分钟

今天我们就来尝试着玩一玩,如何写出一个基于nodejs的接口,让我们从前端慢慢的走向全栈~~

话不多说,开始正货!!!!
########################################################

首先贴上express的官网地址:www.expressjs.com.cn/
千读万读,官网文档必须要读。。。
首先,从零开始创建一个项目

第一种创建方式:我们通过vscode打开一个文件夹,创建文件基操!!!

图片

第二种:命令行创建,mkdir创建一个新的目录。

----win/macos关于创建新目录的命令是一样的,下面基本利用命令行来进行代码操作比较好玩。如果有同学不会命令行,请自行百度。或者切回第一种方式创建玩法都ok

图片

cd进入文件

图片

打开vscode

图片

初始化项目,创建package.json文件

图片

安装express

图片

创建内部文件

图片

创建index文件

图片

最终文档目录

图片

这里有一个小小的细节点,作者本次模块的引入方式采用 CMJ ,也就是Common.js的方式引入,为了防止报错或出现一些bug,在package.json文件中声明了  "type"  类型为  "Common.js"

图片

编写入口文件;

引入express模块;

初始化服务器;

创建一个  get  请求;

listen监听端口运行:

图片

运行服务器

图片

这个时候我们可以使用 Postman / APIfox 等接口测试软件来访问我们本地的接口信息。

这里作者支持一下国产使用了 APIfox 进行一个接口测试,如果有同学习惯用   Postman  也是 OK 的

图片

创建成功发送访问,response 返回  "hello,world" 字符串

图片

上面看来,我们已经成功搞出了一个服务器的模版,那么我们继续稍稍的深入一点点,来做个路由模块组合。

创建一个 router 文件夹下的 apirouter.js 文件,做路由模块模板

图片

创建路由 Module

图片

图片

创建一个 get 请求,并将请求发送时的参数,返回至我们 response 响应的参数中

图片

图片

创建一个 post 请求

图片

图片

图片

OK,以上就是我们简简单单玩一次 express 的成果,然后有几个点,在这里给大家延伸一下,express自己算是有一个脚手架类似的命令,可以快速生成一个express模版

图片

这里作者没有用这个,而是纯手工的给大家搭建了一个,如果有兴趣的同学自己可以捣鼓玩玩。

第二个点就是关于跨域

跨域的处理有两种:

第一种自己配置res.header配置请求头信息;

第二种利用cors模块来进行配置。

在这里呢,作者就不详细展开说了,如果有兴趣的话,自己也去捣鼓玩玩吧。

OK!886

有兴趣的同学可以关注一下作者哦~~~

qrcode_for_gh_94721abee845_258-2.jpg