nodejs写接口

Dear 丶 2024-04-19 00:58 60阅读 0赞

### 在项目根目录下：“npm init” 初始化nodejs项目，生成package.json文件 ###

### npm install express -S （安装express框架） ###

### 在根目录下新建文件app.js ###

var express = require('express');//引入express模块
    var app = express();
    
    //定义方法
    app.get('/',function(req,res){ 
        res.send('HellowWorld')
    });
    
    //定义端口，此处所用为3000端口，可自行更改
    var server = app.listen(3000,function(){ 
        console.log('runing 3000...');
    })

### 创建接口响应路径 （get） ###

### 运行命令 node .\\app.js 启动项目 ###

### 在浏览器中输入 http://127.0.0.1:3000/list/product 即可看到数据 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTU2Nzg5_size_16_color_FFFFFF_t_70]

### 发送post请求 ###

// 1.导入http模块
    var http = require('http');
    
    // 2. 发送请求
      var post_data = JSON.stringify({ 
        'width':100,
        'height':100
      }) // post所需要传递的数据
      var options = { 
        hostname:'www.baidu.com',     //此处不能写协议，如 ： http://,https:// 否则会报错
        port:5001,
        path:'/api',
        method:'POST',
        headers: { 
            'Content-Type':'application/json',
            'Content-Length': post_data.length
        }
      }
      var req = http.request(options,function(res){ 
        console.log('STATUS:'+res.statusCode);
        var body = ''
        res.setEncoding('utf8');
        res.on('data',function(chunk){ 
          body += chunk;
        })
        res.on('end', function(){ 
          process.nextTick(() =>{ 
            body =  JSON.parse(body)
            try{ 
             console.log(body) // 请求到的数据
            } catch (err) { 
              console.log('compress error', err)
            }
          })
        })
        res.on('error', function(err) { 
          console.log('api error', err)
        })
      })
    // write data to request body
      req.write(post_data)
      req.end()

（附）案例：返回图片url给前端渲染

#### 可参考https://www.jianshu.com/p/c76279494a2f ####

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTU2Nzg5_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/6fe4d234eb9242559037656bec9514a9.png