博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用Node.js写一个简单的api接口
阅读量:6501 次
发布时间:2019-06-24

本文共 2997 字,大约阅读时间需要 9 分钟。

引入Http模块

默认你已经安装了 Node当中内置了Http模块; 可以使用

var http= require("http");复制代码

引入http模块;

Hello world

用Node.js实现一个HTTP服务器程序非常简单。我们实现一个最简单的Web程序, 它对于所有请求,都返回Hello world!,新建一个文件夹apiDemo 在里面新建一个server.js写入:

// 导入http模块:var http = require('http');// 创建http server,并传入回调函数:var server = http.createServer(function (request, response) {    // 回调函数接收request和response对象,    // 获得HTTP请求的method和url:    console.log(request.method + ': ' + request.url);    // 将HTTP响应200写入response, 同时设置Content-Type: text/html:    response.writeHead(200, {
'Content-Type': 'text/html'}); // 将HTTP响应的HTML内容写入response: response.end('Hello world!');});// 让服务器监听8080端口:server.listen(8080);console.log('Server is running at http://127.0.0.1:8080/');复制代码

然后在当前目录命令提示符下(cmd等)运行, 输入:

node server.js复制代码

然后打开浏览器输入:http://127.0.0.1:8080/ 就可以看到:

同时可以看到命令行中有打印的信息:

GET: /GET: /favicon.ico复制代码

主要需要了解的是:

http.createServer(function(request, response){}) 复制代码

它的作用是创建一个http服务,里面传一个回调函数,函数中包含两个参数分别是(request,response)。 其中request是请求对象,response是响应对象。 可以根据request对象拿到请求头的一些信息,如: request.url--返回请求路径 响应成功后: response.writeHead()————发送一个响应头给请求 response.end('xxx')————响应成功 返回xxx

路由

我们是想当访问http://127.0.0.1:8080/的时候返回当前目录的index.html。 也就是说当request.url === '/'true时就可以确定当前请求的是根目录了,

var url = request.url;console.log(url);// '/'复制代码

我们能创建一个服务,并且能使用response.end('Hello world!');返回“Hello world!”。如果想返回一个文件则需要用到Node.js的一个模块了——fs 文件系统。 它是Node当中处理文件的模块,首先引入:

var fs= require('fs');复制代码

可以使用fs.readFile()来读取文件

fs.readFile('./index.html', function(err, data)  {  if (err) throw err;  console.log(data);// 
});复制代码

回调函数 有两个参数 (err, data),其中 data 是文件的内容,以二进制形式返回。

然后我们就可以编写代码了,当访问根目录时,返回index.html文件

var http= require('http');var fs= require('fs');var server= http.createServer(function(request, response){    var url = request.url;    if(url === '/'){        fs.readFile('./index.html', function(err, data){          if(!err){            response.writeHead(200, {
"Content-Type": "text/html;charset=UTF-8"}); response.end(data) }else{ throw err; } }); }else{ console.log("错误"); }});server.listen(8080, '127.0.0.1');复制代码

然后在当前目录下新建index.html,在这里我们可以写一个ajax请求,一会我们点击按钮来实现ajax请求一组数据:

看不到看不到
复制代码

这段代码是点击按钮的时候 会向/data发起一个ajsx请求,

实现简单的API接口

既然能访问根目录时可以返回html文件,那我们可以自己设定一个url,当请求这个url是我们就给它返回一组json数据。正常来讲这些数据应该是从数据库读取的,在这里只模拟一组json数据,在当前目录新建一个data.json

{
"name": "尼古拉丁 * 赵四"}复制代码

所以当前的目录结构是:

然后我们可以在server.js中判断一下,当请求的url是/data时,则返回data.json:

if(url === '/data'){        fs.readFile('./data.json', function(err, data){            if(!err){                response.writeHead(200, {
"Content-Type": "application/json"}); response.end(data); }else{ throw err; } }) }复制代码

然后打开浏览器 http://127.0.0.1:8080 后,就会出现index.html页面,点击出现的按钮就会触发一个对 /data的ajax请求,当server.js接受到请求后,就会判断url === '/data',然后它就会吧 data.json返回给我们。

最后的实现是点击按钮出现尼古拉丁 * 赵四

GItHub源码:
参考:

转载于:https://juejin.im/post/5c13699af265da611e4d8a87

你可能感兴趣的文章
html显示服务器状态,显示服务器时间并一直显示(html代码)
查看>>
在线html代码优化,网站seo优化html代码方法
查看>>
HTML如何把输入框变成必填值,required输入框为必填项
查看>>
在html中哪一个不是链接的目标属性,HTML试题
查看>>
android otg 挂载流程,android USB OTG功能如何打开及实现
查看>>
html属性board,pin_board.html
查看>>
html定位有几种,POSITION定位有哪几种?各有什么特点?
查看>>
苹果平板可以用html么,如何将ipad苹果平板电脑中的safari浏览器禁用
查看>>
背锅侠逆袭之路
查看>>
移动互联企业级应用三大场景
查看>>
vmware的APD和PDL详细解析
查看>>
理解:思科设备上的网络地址翻译功能(NAT)功能
查看>>
演示:使用协议分析器取证IPv6的报文结构
查看>>
oracle 11gr2 rac中的4种IP解说
查看>>
为什么你找不到工作?
查看>>
20 个免费的 jQuery 的工具提示插件:
查看>>
Windows录音API学习笔记(转)
查看>>
只有在北方的中国帝国能力享受免费的商业课程:财富规划法与愿景
查看>>
食谱API自由和开放接口-为了发展自己的健康厨房APP应用
查看>>
汇编语言的应用
查看>>