企业官网建设流程全解析

用nodejs 和express写后端接口实现

1.新建文件夹名称dance-server，在文件夹打开终端

npminit

然后就红框需要输入，其他都enter就好

就生成包管理工具package.json

打开刚才建立的后端的文件项目，打开终端安装express

npmi express@4.19.2

{"name":"dance-server","version":"1.0.0","description":"这是一个舞蹈的后端管理系统","main":"index.js","scripts":{"test":"echo\"Error: no test specified\"&& exit 1"},"author":"","license":"ISC","dependencies":{"express":"^4.19.2"}}

新建src/index.js

importexpress from'express';const app=express();const port=3000;app.listen(port,()=>console.log(`Example app listening on port ${port}!`));

写启动快捷命令

执行

npmstart

写个简单的接口测试

importexpress from'express';const app=express();const port=3000;app.get('/test',(req, res)=>{res.json({message:'服务器正常运行', timestamp: new Date(Date.now()).toISOString(),})});app.listen(port,()=>console.log(`Example app listening on port ${port}!`));

在重新运行npm start
打开浏览器输入http://localhost:3000/test

简单的接口已完成，但是用浏览器不雅观，我们安装apifox
官网地址如下：

https://apifox.com/

下载的是压缩包，解压安装之后打开apifox，创建项目

编写一个测试接口如下：

接口分享给前端使用


复制这个地址

浏览器访问之后

**遇到一个问题：**在vscode更新express写的接口内容，在apifox里调试正常，但是文档没有更新
最后目前实现就是：在调试复制json数据
在编辑下面手动在“返回响应”的“示例”中修改


在点取消发布，再点发布

浏览器再看文档就是更新好的
到这里一个简单的测试接口就完成了，如果姐妹们有更好的实现的方法，可以评论告诉我哦。