极简 Node.js web服务器案例

Dear 丶 2023-10-06 10:22 26阅读 0赞

前提

*  node环境

说明

*  本文使用 express 模块来启动web服务器。Express官网：[https://www.expressjs.com.cn/][https_www.expressjs.com.cn]

极简嘛，所以，此案例直接通过shell窗口操作。当然啦，你也可以使用VSCode或者其他IDE工具。

### 正文 ###

1.  新建一个空目录。本示例新建个名为 **node-server-demo** 目录。
2.  进入到该目录，打开一个shell终端。（window系统：进入目录，按住shift键，右键，在此处打开Powershell窗口）  
    ![在这里插入图片描述][20200606181150897.png]
3.  在终端执行 `npm init -y`，初始化node项目。会在目录生成一个package.json文件。（参数 **-y** 的作用是令所有配置默认。也可以不指定，自己手动填写配置）  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx_size_16_color_FFFFFF_t_70]
4.  在终端执行 `npm install express`，安装express依赖。  
    ![在这里插入图片描述][20200606181927561.png]
5.  在项目根目录新建 **server.js** 文件，编写web服务器配置。

1.  在终端执行 `node server.js`，启动web服务器。  
    正常输出 “webserver已启动，地址 http://:::8088”，说明web服务器正在运行中。  
    ![在这里插入图片描述][20200606182823593.png]
2.  测试接口

*  GET请求：可直接用浏览器访问，也可以使用Postman发送GET请求。
    
     *  **queryString传参**：localhost:8088/getUrl?name=markix
     *  **restful传参**：localhost:8088/getUrl/markix
 *  POST请求：通过Postman测试  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx_size_16_color_FFFFFF_t_70 1]

由于在Web服务器配置中写了一些console.log，所以接收到请求则会打印出来。  
通过接口响应内容，或者服务器的日志判断接口是否正常。

1.  极简 Node.js web服务器。完工。

#### 说明 ####

**服务器返回响应**，[相关文档][Link 1]

*  res.end(); //建议无需数据返回时使用
 *  res.send(); //可灵活配置返回内容
 *  res.json(); //返回json类型内容

**服务器req的属性**，[相关文档][Link 2]

*  req.query //queryString参数
 *  req.params //restful参数
 *  req.body //请求体，该功能能正常使用的关键是代码中两行app.use

开启更多姿势，详见[Express官网][https_www.expressjs.com.cn]

--------------------

end

[https_www.expressjs.com.cn]: https://www.expressjs.com.cn/
[20200606181150897.png]: https://img-blog.csdnimg.cn/20200606181150897.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200606181441181.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx,size_16,color_FFFFFF,t_70
[20200606181927561.png]: https://img-blog.csdnimg.cn/20200606181927561.png
[20200606182823593.png]: https://img-blog.csdnimg.cn/20200606182823593.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200605011224530.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMxNzcyNDQx,size_16,color_FFFFFF,t_70
[Link 1]: https://www.expressjs.com.cn/4x/api.html#res
[Link 2]: https://www.expressjs.com.cn/4x/api.html#req