使用Node.js写一个简单的api接口

栏目: Node.js · 发布时间: 5年前

内容简介:默认你已经安装了Node.js Node当中内置了Http模块; 可以使用引入http模块;用Node.js实现一个HTTP服务器程序非常简单。我们实现一个最简单的Web程序, 它对于所有请求,都返回Hello world!,新建一个文件夹

默认你已经安装了Node.js 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/ 就可以看到:

使用Node.js写一个简单的api接口

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

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

主要需要了解的是:

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

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

路由

我们是想当访问 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);
// <Buffer 3c 21 44 4f 4...>
});
复制代码

回调函数 有两个参数 (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请求一组数据:

<div id="box">看不到看不到</div>
    <button onclick="success()">我是按钮</button>
    <script>
    function success(){
        var http= new XMLHttpRequest();
        http.onreadystatechange= function(){
            if(http.status == 200 && http.readyState == 4){
                var msg= http.responseText;
                var box= document.getElementById('box');
                box.innerHTML= JSON.parse(msg).name;
            }
        }
        //发送请求
        http.open('GET', '/data');
        http.send();
    }
    </script>
复制代码

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

实现简单的API接口

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

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

所以当前的目录结构是:

使用Node.js写一个简单的api接口

然后我们可以在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源码: node-apiDemo

参考:

廖雪峰-http详解

Node-fs

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Producter 让产品从0到1

Producter 让产品从0到1

周楷雯 / 人民邮电出版社 / 2016-12-25 / CNY 69.00

这是一本以App Store首页推荐的成功App为例阐述如何完成一款App产品的设计、开发和营销的书。在这本书之后,作者的《一炷香》和《字里行间》两款产品也接连被App Store首页推荐。 《Producter 让产品从0到1》从产品的设计、产品的实现、产品的迭代、产品的营销、产品的进阶等几个角度,全面讲解了产品设计的基本原则、设计的重要性、设计的感觉、实用的设计工具、简单的iOS开发、产......一起来看看 《Producter 让产品从0到1》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试