第一步首先安装express框架
express的理解: 是一个http框架,可以用它来搭建web服务(接口)
先创建package.json: npm init (全部enter就好)
安装express,body-parser : npm install express -S,npm install body-parser -S
创建express-run.js
启动服务:node express-run.js
接口地址:
-接口文档已经定义了接口地址 /api/xxx/yyy
-restful api 接口定义规范: 资源(数据)+行为(对数据的操作)
数据交互参数
-查询接口 , get, url?name=xxx&age=20 后端接收:request.query
-添加接口 , post ,json{name:xxx,age:20} 后端接收:request.body
-修改接口,put,跟post一样
-删除接口,delete,跟post一样,url/:id 后端接收:request.param
数据交互问题判断
1.确保接口正确,可通过工具测试
2.查看浏览器控制台信息(console,network)
3.地址是否正确
4.参数是否正确
5.请求头是否存在
6.请求方法是否正确
http协议—超文本传输协议 https — 加密
特点:
无状态----无记忆功能
无连接-----请求完就断开
媒体独立------浏览器发送的内容可能指定类型
请求行general(地址,方法,状态)
请求头request header(token)
请求体query string(参数)
简单的代码实例如下`
// server
// 从node_modules加载包
var express = require(“express”)
// 参数解析
var bodyParser = require(“body-parser”)
// express框架的实例
var app = express();
// 跨域cors
var allowCrossDomain = function(req,res,next){
res.setHeader(‘Access-Control-Allow-Origin’,’’); //自定义中间件,设置跨域需要的响应头
res.setHeader(‘Access-Control-Allow-Methods’,’’);//允许任何方法
res.setHeader(‘Access-Control-Allow-Headers’,‘X-Requested-With,content-type,X-Session-Token’);
next();
};
// 数据解析
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended:true})) //表单数据解析
// 首页地址 get方式 req:request(请求对象) res: response(响应对象)
app.get("/",function(req,res){
//给浏览器返回结果
res.send(“express index page.”)
})
var arr = [“js”,“java”,“node”]
// 数据模拟 查询数组 接口地址 restful
app.get("/api/arr/query",function(req,res){
console.log(“query:”,req.query)
res.send(JSON.stringify(arr))//把数据发给前端
// res.json(arr)
})
// 添加数组 post
app.post("/api/arr/add",function(req,res){
console.log(“add:”,req.body)
arr.push(req.body.name)
res.send(“ok”)
})
// 删除
app.delete("/api/arr/del:id",function(req,res){
console.log(“del:”,req.param)
})
// 启动服务
app.listen(3000,function(){
console.log(“服务已启动,端口3000”)
})`