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

引入Http模块

默认你曾经装置了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/ 就能够看到:

同时能够看到命令行中有打印的信息:

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": "尼古拉丁 * 赵四"}

所以以后的目录构造是:

而后咱们能够在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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理