使用【node】创建本地接口

news/2024/5/18 15:57:58

在前端开发的过程中，接口相关的信息一般是由后端处理好返回给前端，但是有时候后端不在的时候想自己写个接口进行测试是非常麻烦的。
node是前端一个不错的写接口工具

一初始化文件

1 在新建一个空的文件夹`node`

进入空文件夹在，文件夹的地址栏输入cmd回车，会自动跳转到命令行工具里
在这里插入图片描述

2 配置初始化文件

在命令行输入命令npm init，生成package.json文件

npm init

在这里插入图片描述

在node文件夹下看到package.json文件，配置文件创建成功

3 express

node开发接口，我们需要借助node的插件
Express 是一个简洁而灵活的 node.js Web应用框架, 提供一系列强大特性帮助你创建各种Web应用。Express 不对 node.js 已有的特性进行二次抽象，我们只是在它之上扩展了Web应用所需的功能。丰富的HTTP工具以及来自Connect框架的中间件随取随用，创建强健、友好的API变得快速又简单。
Express 框架核心特性：

可以设置中间件来响应 HTTP 请求。
定义了路由表用于执行不同的 HTTP 请求动作。
可以通过向模板传递参数来动态渲染 HTML 页面。

npm add express

4 接口

在node文件夹下建一个index.js文件

//1. 引入express
const express = require('express');//2. 创建应用对象
const app = express();//3. 创建路由规则
// request 是对请求报文的封装
// response 是对响应报文的封装
app.get('/server/config', (request, response) => {let obj = {"supports_search":true,"supports_group_request":false,"supports_marks":true,"supports_timescale_marks":true,"supports_time":true,"exchanges":[{"value":"","name":"All Exchanges","desc":""},{"value":"NasdaqNM","name":"NasdaqNM","desc":"NasdaqNM"},{"value":"NYSE","name":"NYSE","desc":"NYSE"},{"value":"NCM","name":"NCM","desc":"NCM"},{"value":"NGM","name":"NGM","desc":"NGM"}],"symbols_types":[{"name":"All types","value":""},{"name":"Stock","value":"stock"},{"name":"Index","value":"index"}],"supported_resolutions":["D","2D","3D","W","3W","M","6M"]}console.log('我被请求了!!');//设置响应头  设置允许跨域response.setHeader('Access-Control-Allow-Origin', '*');response.send(obj)
});
app.post('/server/symbols', (request, response) => {let obj = {name:'接口请求成功了'}console.log('我被请求了!!');//设置响应头  设置允许跨域response.setHeader('Access-Control-Allow-Origin', '*');response.send(obj)
});//4. 监听端口启动服务
app.listen(5500, () => {console.log("服务已经启动, 5500 端口监听中....");
});