中间层 nodejs php,nodejs做中间层,转发请求

本文介绍了如何利用Node作为中间层解决前端跨域问题,通过Express搭建服务器并配置模板引擎,实现前后端分离。示例中详细讲解了安装Node环境、Express、配置模板引擎如art-template的过程,以及使用request模块或内置http模块进行服务器端请求转发,将数据渲染到前端页面。
摘要由CSDN通过智能技术生成

简述node中间层的优势

node中间层,可以解决前端的跨域问题,因为服务器端的请求是不涉及跨域的,跨域是浏览器的同源策略导致的,关于跨域可以查看跨域复习

使用node坐中间层,方便前后端分离,后端只需要提供数据接口,不必关心前端业务逻辑的实现。

通过node中间层前端可以将数据再次整合扩展,使用自己的数据结构render渲染页面。

1.安装node环境,网上很多教程,大家可以自行百度

2.安装express

npm i express -g --save-dev

3.安装express-generator

$ npm install express-generator -g --save

express-generator可以帮我们生成一个目录结构。

执行:

express myproject

后,生成目录结构。

在这里我发现一个小坑,就是配置模板引擎的时候,假如我们不想用jade

1 /*引用模板引擎*/

2 var template = require('art-template');3 var express_template = require('express-art-template');4 //view engine setup

5 app.set('views', path.join(__dirname, 'views'));6 app.engine('html', express_template);7 app.set('view engine', 'html');

这是我配置模板的配置文件中的截取,已使用腾讯的art-template为例子,app.engine('html', express_template);将模板引擎绑定到views目录下的html文件,app.set('view engine', 'html');设置模板引擎。这里大家可以参考express的官方文档,说明的很清楚。

使用request请求php服务器:

request不是node的核心模块,首先我们需要安装它,关于request,可以参考我的另一篇文章:npm-request或者去到npm官网有更详尽的介绍。

npm i request --save-dev

服务器端转发请求的代码:

1 var request = require('request');2 /*GET home page.*/

3 router.get('/', function(req, res, next) {4 //请求地址http://127.0.0.1/~haha/interf/a.php

5 request('http://127.0.0.1/~haha/interf/a.php',function(error,response,body){6 /*判断请求是否成功*/

7 if (!error && response.statusCode == 200) {8 /*把字符串转换为json*/

9 var data=JSON.parse(body);10 /*渲染模板*/

11 res.render('index', data);12 }13 });14 });

如果不想使用request模块,我们也可以使用node的内置模块http:

var http = require('http');

router.get('/post', function(req, res) {

const postData=querystring.stringify({'msg' : 'Hello World!'});var opt ={

hostname:'127.0.0.1',

path:'/~donghao/interf/a.php',

method:'POST',

headers:{'Content-Type' : 'application/x-www-form-urlencoded',//不写这个参数,后台会接收不到数据

'Content-Length': postData.length

}

}

const request= http.request(opt,function(response) {

console.log('STATUS:' +response.statusCode);

console.log('HEADERS:' +JSON.stringify(response.headers));var renderData = ''response.setEncoding('utf8');

response.on('data',function(body){

renderData+=body;

});

response.on('end',function(){//请求结束

console.log('end');

res.render('index',JSON.parse(renderData));

});

response.on('error',function(e){if(e){

console.log(e);

}

})

});//post方法里

request.on('error', function(e) {

console.error('请求遇到问题:'+e.message);

});

request.write(postData,'utf-8');

request.end();

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值