Node.js自2009年诞生以来,发展速度相当惊人,目前各种开发框架层出不穷,国内外各大公司都在使用,如国内的阿里的淘宝、天猫、阿里云、蚂蚁金服,腾讯视频、携程、百度、网易、苏宁、京东、爱奇艺、去哪儿、有赞、贝壳找房等等好多企业都在使用,大部分企业把Node.js作为中间层去应用,今天和大家简单说说关于基于Nodejs打造Web架构中间层的一些知识。
中间层(Middle Tier)也称作应用程序服务器层或应用服务层,是用户接口或 Web 客户端与数据库之间的逻辑层。典型情况下 Web 服务器位于该层,业务对象在此实例化。中间层是生成并操作接收信息的业务规则和函数的集合。它们通过业务规则(可以频繁更改)完成该任务,并由此被封装到在物理上与应用程序程序逻辑本身相独立的组件中。
以Node作为中间层,当客户端打开一个网站时,先请求到node服务器这一层,通过node服务器转发请求到后端的服务器,获取数据,然后返给node的模板引擎,根据视图模板渲染好模板字符串页面,再返回给客户端,直接展示页面,如图:
Nginx是一个高性能的WEB服务器和反向代理服务器,最常用的软件负载均衡器。
当访问量比较大时,频繁的请求,会给服务带来很大压力,通过负载均衡、分流,减轻服务器的压力;另一方面,网站部署在多台服务器,当某台服务器故障的时候,可以马上切换到其它服务器,还能保证网站能正常访问,这就是负载均衡的优势。
中间件(MiddleWare)是一种独立的系统软件服务程序,分布式应用软件借助这种软件在不同的技术之间共享资源,中间件位于客户机服务器的操作系统之上,管理计算资源和网络通信。从这个意义上可以用一个等式来表示中间件:中间件=平台+通信,这也就限定了只有用于分布式系统中才能叫中间件,同时也把它与支撑软件和实用软件区分开来。
在NodeJS中,中间件主要是指封装所有Http请求细节处理的方法。一次Http请求通常包含很多工作,如记录日志、ip过滤、查询字符串、请求体解析、Cookie处理、权限验证、参数验证、异常处理等,但对于Web应用而言,并不希望接触到这么多细节性的处理,因此引入中间件来简化和隔离这些基础设施与业务逻辑之间的细节,让开发者能够关注在业务的开发上,以达到提升开发效率的目的。中间件可以理解为一个对用户请求进行过滤和预处理的东西,它一般不会直接对客户端进行相应,而是将处理之后的结果传递下去。简单来说就是实现某种功能的函数。
Express是一个自身功能极简,完全是路由和中间件构成一个web开发框架:从本质上来说,一个Express应用就是在调用各种中间件,中间件机制如图所示:
中间件是从Http请求发起到响应结束过程中的处理方法,通常需要对请求和响应进行处理,因此一个基本的中间件的形式如下:
const middleware = (req, res, next) => {
// TODO
next()
}
Node.js是一个Javascript运行环境。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。Node.js是单进程、单线程运行机制,通过事件轮询(event loop)来实现并发操作,而且性能很好。
Node.js最大的改良架构就是"增加了中间层",前后端分离,使用Node.js来做‘BBF(backend of frontend)’在传统后端加入了Node.js这一层,通过此有两点好处,前端接管了view层,后端渲染也开始全部由前端掌控,另一个就是接口层增加了一层。在前后端分离的天然选择下,Node.js中间层可以承担更多的责任。
前面写了很多理论方面的知识,接下来自己手动来简单实现Node.js基于Koa框架实现的中间层。
先了解一下后端提供的一个接口,根据前端页面输入不同账号信息,后端接口会返回不同的值,如图:
这段PHP代码是根据前端传给不同的用户名和密码状态返回不同的状态码。
前端页面用了ejs模板引擎采用服务端渲染方式来进行。前端页面主要有三个代码的文件,app.js,admin.js,admin.ejs。
1、是app.js代码
const Koa = require('koa');
// 路由
const Router = require('koa-router');
// 模板引擎
const ejs = require('koa-ejs');
// 数据解析
const body = require('koa-bodyparser');
// 处理静态文件
const static = require("koa-static");
const path = require('path');
const app = new Koa();
ejs(app,{
root:path.resolve(__dirname,"template"),
layout:false,
viewExt:"ejs",
cache:false,
debug:false
})
const router = new Router();
app.use(body());
router.get("/",ctx => {
ctx.body = '主页';
})
router.use("/admin",require("./router/admin"));
app.use(static('./static'));
app.use(router.routes());
app.listen(3000);
2、登录页面文件,用ejs模板引擎来处理
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>我是管理页面</title>
<script src="/js/jquery.min.js"></script>
</head>
<body>
<p>用户:<input type="text"></p>
<p>密码:<input type="password"></p>
<button>提交</button>
<script>
$(function(){
$('button').click(function(){
var username = $(':text').val();
var password = $(':password').val();
$.ajax({
url:'/admin/login',
method:'post',
data:{
username,
password
},
success(data){
console.log(data);
}
})
})
})
</script>
</body>
</html>
1、使用上面的登录页代码,然后admin.js页面代码如下
const Router = require('koa-router');
const querystring = require('querystring');
const router = new Router();
router.get('/',async ctx=>{
await ctx.render('admin/admin')
})
router.post("/login",async ctx => {
const { username,password } = ctx.request.body;
console.log(username,password);
})
module.exports = router.routes();
此时登录页面输入用户名和密码点击提交时会输出结构如下代码:
^CedzdeMacBook-Pro-5:0323 edz$ nodemon app.js
[nodemon] 2.0.2
[nodemon] to restart at any time, enter `rs`
[nodemon] watching dir(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node app.js`
admin 123456 //后端拿到了前端传给的数据
此时传过的数据后端会拿他与数据库作比对,进行处理,而Node.js只充当中介作用,不做数据的处理。
2、我们接着看,把要的数据传个服务端,使用axios发送数据到服务端,其中里面用到了数据格式的转换:
const Router = require('koa-router');
const querystring = require('querystring');
const router = new Router();
router.get('/',async ctx=>{
await ctx.render('admin/admin')
})
//此处为中间层,起到中介作用,会把数据发给后端接口
router.post("/login",async ctx => {
const { username,password } = ctx.request.body;
//console.log(username,password);
//要数据传给服务端,使用axios发送数据到服务端
const {data} = await axios({
url:'http://localhost/login/check.php',
method:'post',
data:{
username,
password
},
// username=admin&password=123456查询字符串
//数据格式转换,前端是个JSON数据格式,后端拿到的是表单数据
transformRequest:[
data =>{
return querystring.stringify(data)
}
]
})
})
module.exports = router.routes();
此时登录页面输入用户名和不同的密码和空密码时点击提交时会输出结构如下代码:
^CedzdeMacBook-Pro-5:0323 edz$ nodemon app.js
[nodemon] 2.0.2
[nodemon] to restart at any time, enter `rs`
[nodemon] watching dir(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node app.js`
{ code:1 }
{ code:0 }
{ code:3 }
3、这时我们把后端传回的接口数据在进行重新包装一下,添加如下代码:
// 重新包装
if(data.code !== 1){
// return中断条件
return ctx.body = {
code:401,
message:'未经授权'
}
}
// 前端自己定义的提示语 ,后端专注逻辑开发,不用在和前端定义接口
ctx.body = {
code:200,
message:'校验成功'
}
这时页面会返回经过前端包装的提示语,如图所示:
总的处理路由的admin.js代码文件如下:
const Router = require('koa-router');
const axios = require('axios');
const querystring = require('querystring');
const router = new Router();
router.get('/',async ctx=>{
await ctx.render('admin/admin')
})
//此处为中间层,起到中介作用,会把数据发给后端接口
router.post("/login",async ctx => {
const { username,password } = ctx.request.body;
//console.log(username,password);
//要数据传给服务端,使用axios发送数据到服务端
const {data} = await axios({
url:'http://localhost/login/check.php', //后端提供的一个接口文件
method:'post',
data:{
username,
password
},
// username=admin&password=123456查询字符串
//数据格式转换,前端是个JSON数据格式,后端拿到的是表单数据
transformRequest:[
data =>{
return querystring.stringify(data)
}
]
})
// 重新包装
// console.log(data);
if(data.code !== 1){
// return中断条件
return ctx.body = {
code:401,
message:'未经授权'
}
}
// 前端自己定义的提示语 ,后端专注逻辑开发,不用在和前端定义接口
ctx.body = {
code:200,
message:'校验成功'
}
})
module.exports = router.routes();
服务端不要暴露太多给用户信息,不用提示用户名正确或者密码错误,防止被别人猜,前端根据后端提供的状态码重新定义输出提示内容,对用户来说特别的友好,不论后端给前端什么样的接口内容,前端都可以包装接口,所以后端只要返回给前端数据就可以了,接口的定义前端自己可以进行包装。
中间层已经为越来越多的大公司所应用,进入中间层后,前端能做的事情越来越多,将触角伸向了服务器,除了前后端分离外,还能做redis缓存,负载均衡策略。另一方面,不止是Node.js能做中间层,PHP也可以,因为Node.js是用js写的,Node.js的生态很成熟,对于前端人员来说,比较容易上手。
Web端的开发团队是需求链中的最上游、数据链的下游,很多产品功能都受限于业务接口,中间层提供了一种可能,让我们Web前端开发工作有了自己的接口开发能力可以对接最原始数据,既减少了前端开发中的局限性,也让前端团队在开发过程中有了更多的想象力,能更好的根据业务需要快速开展项目。
本文由哈喽比特于3年以前收录,如有侵权请联系我们。
文章来源:https://mp.weixin.qq.com/s/kSukq_nNXlA53WR_aW2Iqw
京东创始人刘强东和其妻子章泽天最近成为了互联网舆论关注的焦点。有关他们“移民美国”和在美国购买豪宅的传言在互联网上广泛传播。然而,京东官方通过微博发言人发布的消息澄清了这些传言,称这些言论纯属虚假信息和蓄意捏造。
日前,据博主“@超能数码君老周”爆料,国内三大运营商中国移动、中国电信和中国联通预计将集体采购百万台规模的华为Mate60系列手机。
据报道,荷兰半导体设备公司ASML正看到美国对华遏制政策的负面影响。阿斯麦(ASML)CEO彼得·温宁克在一档电视节目中分享了他对中国大陆问题以及该公司面临的出口管制和保护主义的看法。彼得曾在多个场合表达了他对出口管制以及中荷经济关系的担忧。
今年早些时候,抖音悄然上线了一款名为“青桃”的 App,Slogan 为“看见你的热爱”,根据应用介绍可知,“青桃”是一个属于年轻人的兴趣知识视频平台,由抖音官方出品的中长视频关联版本,整体风格有些类似B站。
日前,威马汽车首席数据官梅松林转发了一份“世界各国地区拥车率排行榜”,同时,他发文表示:中国汽车普及率低于非洲国家尼日利亚,每百户家庭仅17户有车。意大利世界排名第一,每十户中九户有车。
近日,一项新的研究发现,维生素 C 和 E 等抗氧化剂会激活一种机制,刺激癌症肿瘤中新血管的生长,帮助它们生长和扩散。
据媒体援引消息人士报道,苹果公司正在测试使用3D打印技术来生产其智能手表的钢质底盘。消息传出后,3D系统一度大涨超10%,不过截至周三收盘,该股涨幅回落至2%以内。
9月2日,坐拥千万粉丝的网红主播“秀才”账号被封禁,在社交媒体平台上引发热议。平台相关负责人表示,“秀才”账号违反平台相关规定,已封禁。据知情人士透露,秀才近期被举报存在违法行为,这可能是他被封禁的部分原因。据悉,“秀才”年龄39岁,是安徽省亳州市蒙城县人,抖音网红,粉丝数量超1200万。他曾被称为“中老年...
9月3日消息,亚马逊的一些股东,包括持有该公司股票的一家养老基金,日前对亚马逊、其创始人贝索斯和其董事会提起诉讼,指控他们在为 Project Kuiper 卫星星座项目购买发射服务时“违反了信义义务”。
据消息,为推广自家应用,苹果现推出了一个名为“Apps by Apple”的网站,展示了苹果为旗下产品(如 iPhone、iPad、Apple Watch、Mac 和 Apple TV)开发的各种应用程序。
特斯拉本周在美国大幅下调Model S和X售价,引发了该公司一些最坚定支持者的不满。知名特斯拉多头、未来基金(Future Fund)管理合伙人加里·布莱克发帖称,降价是一种“短期麻醉剂”,会让潜在客户等待进一步降价。
据外媒9月2日报道,荷兰半导体设备制造商阿斯麦称,尽管荷兰政府颁布的半导体设备出口管制新规9月正式生效,但该公司已获得在2023年底以前向中国运送受限制芯片制造机器的许可。
近日,根据美国证券交易委员会的文件显示,苹果卫星服务提供商 Globalstar 近期向马斯克旗下的 SpaceX 支付 6400 万美元(约 4.65 亿元人民币)。用于在 2023-2025 年期间,发射卫星,进一步扩展苹果 iPhone 系列的 SOS 卫星服务。
据报道,马斯克旗下社交平台𝕏(推特)日前调整了隐私政策,允许 𝕏 使用用户发布的信息来训练其人工智能(AI)模型。新的隐私政策将于 9 月 29 日生效。新政策规定,𝕏可能会使用所收集到的平台信息和公开可用的信息,来帮助训练 𝕏 的机器学习或人工智能模型。
9月2日,荣耀CEO赵明在采访中谈及华为手机回归时表示,替老同事们高兴,觉得手机行业,由于华为的回归,让竞争充满了更多的可能性和更多的魅力,对行业来说也是件好事。
《自然》30日发表的一篇论文报道了一个名为Swift的人工智能(AI)系统,该系统驾驶无人机的能力可在真实世界中一对一冠军赛里战胜人类对手。
近日,非营利组织纽约真菌学会(NYMS)发出警告,表示亚马逊为代表的电商平台上,充斥着各种AI生成的蘑菇觅食科普书籍,其中存在诸多错误。
社交媒体平台𝕏(原推特)新隐私政策提到:“在您同意的情况下,我们可能出于安全、安保和身份识别目的收集和使用您的生物识别信息。”
2023年德国柏林消费电子展上,各大企业都带来了最新的理念和产品,而高端化、本土化的中国产品正在不断吸引欧洲等国际市场的目光。
罗永浩日前在直播中吐槽苹果即将推出的 iPhone 新品,具体内容为:“以我对我‘子公司’的了解,我认为 iPhone 15 跟 iPhone 14 不会有什么区别的,除了序(列)号变了,这个‘不要脸’的东西,这个‘臭厨子’。