关于javascript:使用Nodejs写一个简单的api接口

8次阅读

共计 2858 个字符，预计需要花费 8 分钟才能阅读完成。

默认你曾经装置了 Node.js
Node 当中内置了 Http 模块；
能够应用

var http= require("http");

引入 http 模块；

用 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
参考 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 申请,

既然能拜访根目录时能够返回 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 源码：node-apiDemo
参考：
廖雪峰 -http 详解
Node-fs

正文完