在前端开发的过程中,接口相关的信息一般是由后端处理好返回给前端,但是有时候后端不在的时候想自己写个接口进行测试是非常麻烦的。
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 端口监听中....");
});
5 运行
在index.js所在目录中 执行node 文件名
运行项目
node inedx.js
通过apipost调用接口,可以看到接口能正常访问接口了
get请求
post请求