Node.js中间层实践：前后端分离的优化策略
87 浏览量
更新于2024-08-26
收藏 262KB PDF 举报
本文主要探讨了在现代Web开发中，特别是在前后端分离架构中，Node.js作为中间层的作用和价值。作者以自己的实际经验和一个微信小程序项目为例，讲述了如何利用Node.js来优化前后端交互的问题。
在传统的开发模式中，前端通常直接与数据库或API交互，这可能会带来性能瓶颈和数据格式不一致等问题。Node.js作为一个高性能的JavaScript运行环境，可以在服务器端执行非阻塞I/O操作，从而有效地处理并发请求，减轻了前端的负担。通过使用Node.js搭建中间层，可以实现以下几点：
1. 数据格式转换：后端返回的数据可能不符合前端的需求，例如数据结构、编码格式等。Node.js作为中间层，能够接收并处理这些数据，将其转化为前端可以方便使用的格式，减少了前端的处理工作。
2. 缓存和预处理：Node.js可以通过缓存机制减少对后端的频繁请求，提高响应速度。对于一些常见的查询或处理，可以在中间层预先执行，节省实时计算的时间。
3. 性能优化：前端处理大量数据时，可能会消耗大量浏览器资源。将数据处理任务移到Node.js后端，可以减轻前端的性能压力，提升用户体验。
4. API路由和控制：通过Node.js的Express框架，可以灵活地定义API路由和权限控制，使得接口管理更加简洁高效。
5. 异步编程：Node.js天生支持异步I/O，使得处理前后端通信时更加顺畅，避免了回调地狱带来的复杂性。
在作者的微信小程序示例中，他通过Node.js的http模块向网易云音乐API发起请求，获取歌曲信息，然后使用Express构建服务端，进一步处理和格式化数据，最后返回给前端。这个过程展示了如何通过Node.js中间层实现前后端的解耦，提升了开发效率和应用性能。
总结来说，Node.js作为中间层在前后端分离的架构中扮演着至关重要的角色，它不仅简化了数据处理流程，还提供了更好的性能和扩展性，使得开发者能够更专注于各自领域的核心功能，推动了现代Web开发的高效与灵活。
从从NodeJS搭建中间层再谈前后端分离搭建中间层再谈前后端分离
之前在知道创宇的项目中有用到过nodejs作中间层，当时还不太理解其背后真正的原因；后来在和一位学长交谈的过程中，也了解到蚂蚁金服也在使用类似的方
法，使用nodejs作为中间层去请求真实后台的数据；之后人到北京，也见到现在的公司也在往nodejs后端方向靠拢。随着知识的增加，加之自己查阅资料，慢慢总
结出了一些原理。
从做微信从做微信小程序小程序引发的思考引发的思考
最近出于爱好，写了个音乐播放器的微信小程序（原本想用vue写的，后来因为公司业务原因，年后可能去做微信小程序，所以就换了前端技术栈），源码在我的
GitHub上： wx-audio 。
思考：后端出于性能和别的原因，提供的接口所返回的数据格式也许不太适合前端直接使用，前端所需的排序功能、筛选功能，以及到了视图层的页面展现，也许
都需要对接口所提供的数据进行二次处理。这些处理虽可以放在前端来进行，但也许数据量一大便会浪费浏览器性能。因而现今，增加node端便是一种良好的解决
方案。
在我的微信小程序demo的server端代码中，我通过http模块对真实后台（网易云音乐API）发起http请求，然后通过express模块搭建后端服务。
发起请求：
// http.js
var formatURL = require('./formatURL.js');
var http = require('http');
const POSThttp = function(request){
return new Promise((resolve, reject) => {
let body = '';
// http模块拿到真实后台api的数据
http.get(formatURL(request.body.musicname), function(res){
res.on('data', (data) => {
body += data;
}).on('end', () => {
// 格式化
const {
name,
audio: musicUrl,
page,
album: {
name: musicName,
picUrl,
},
artists: [{
name: singer,
}],
} = JSON.parse(body).result.songs[0];
const reply = {
name,
picUrl,
musicUrl,
page,
singer,
};
resolve(reply);
});
});
});
};
module.exports = POSThttp;
得到数据传回前端：
ar express = require('express');
var POSThttp = require('./POSThttp.js');
var bodyParser = require('body-parser');
// 使用body-parser解析post请求的参数，如果没有，req.body为undefined。
var app = express();
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({
extended: true
}));
app.post('/', (req, res) => {
POSThttp(req).then((data) => {
res.send(data);
}).catch((err) => {
res.send(err);
});
});
app.listen(3000, () => {
console.log('open wx-audio server successful!')
});
这几十行代码也就实现了一个简单的中间层的demo，并做到了在中间层格式化参数，便于前端进行使用的过程。
为什么需要中间层？为什么需要中间层？
其实这个问题，我认为跟面试常考的题：“为什么需要前后端分离？”是类似的，其原因可以归纳为以下几点：
现今网站存在问题现今网站存在问题
之前有向一位在百度有多年工作经验的老前辈交谈这类问题，我所提到的搜狐公司代码冗余、前后端耦合的问题，他是这么回答并且给予我这样的建议：
下载后可阅读完整内容，剩余3页未读，立即下载
2020-10-17 上传
2023-08-03 上传
2021-02-05 上传
点击了解资源详情
2024-11-10 上传
2024-11-10 上传
2024-11-10 上传
2024-11-10 上传
2024-11-10 上传
weixin_38699724
- 粉丝: 6
- 资源: 933
我的内容管理
展开
最新资源
- NIST REFPROP问题反馈与解决方案存储库
- 掌握LeetCode习题的系统开源答案
- ctop：实现汉字按首字母拼音分类排序的PHP工具
- 微信小程序课程学习——投资融资类产品说明
- Matlab犯罪模拟器开发：探索《当蛮力失败》犯罪惩罚模型
- Java网上招聘系统实战项目源码及部署教程
- OneSky APIPHP5库：PHP5.1及以上版本的API集成
- 实时监控MySQL导入进度的bash脚本技巧
- 使用MATLAB开发交流电压脉冲生成控制系统
- ESP32安全OTA更新：原生API与WebSocket加密传输
- Sonic-Sharp: 基于《刺猬索尼克》的开源C#游戏引擎
- Java文章发布系统源码及部署教程
- CQUPT Python课程代码资源完整分享
- 易语言实现获取目录尺寸的Scripting.FileSystemObject对象方法
- Excel宾果卡生成器：自定义和打印多张卡片
- 使用HALCON实现图像二维码自动读取与解码
