当前位置:首页 > nodejs做中间层,转发请求

nodejs做中间层,转发请求

发布于 2018-04-11 阅读 7444 次 NodeJs
####简述node中间层的优势 node中间层,可以解决前端的跨域问题,因为服务器端的请求是不涉及跨域的,跨域是浏览器的同源策略导致的,关于跨域可以查看[跨域复习](https://www.w2le.com/p/23 "跨域复习") 使用node坐中间层,方便前后端分离,后端只需要提供数据接口,不必关心前端业务逻辑的实现。 通过node中间层前端可以将数据再次整合扩展,使用自己的数据结构render渲染页面。 1.安装node环境,网上很多教程,大家可以自行百度 2.安装express ```javascript npm i express -g --save-dev ``` 3.安装express-generator ```javascript $ npm install express-generator -g --save ``` express-generator可以帮我们生成一个目录结构。 执行: ```javascript express myproject ``` 后,生成目录结构。 在这里我发现一个小坑,就是配置模板引擎的时候,假如我们不想用jade ```javascript /*引用模板引擎*/ var template = require('art-template'); var express_template = require('express-art-template'); // view engine setup app.set('views', path.join(__dirname, 'views')); app.engine('html', express_template); 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](https://www.w2le.com/p/20 "npm-request")或者去到npm官网有更详尽的介绍。 ```javascript npm i request --save-dev ``` 服务器端转发请求的代码: ```javascript var request = require('request'); /* GET home page. */ router.get('/', function(req, res, next) { // 请求地址http://127.0.0.1/~haha/interf/a.php request('http://127.0.0.1/~haha/interf/a.php',function(error,response,body){ /*判断请求是否成功*/ if (!error && response.statusCode == 200) { /*把字符串转换为json*/ var data=JSON.parse(body); /*渲染模板*/ res.render('index', data); } }); }); ``` 如果不想使用request模块,我们也可以使用node的内置模块http: ```javascript 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(); }); ```