怎样做公司的网站首页,做网站需要学js吗,餐饮公司网站建设,深圳网站制作排行榜目录 1 架构的选择2 环境搭建3 安装express4 创建启动文件5 express的核心功能6 加入日志记录功能7 日志记录的好处本节代码总结 不知不觉学习低代码已经进入第四个年头了#xff0c;既然低代码很好#xff0c;为什么突然又自己架构起后端了呢#xff1f;我有一句话叫低代码… 目录 1 架构的选择2 环境搭建3 安装express4 创建启动文件5 express的核心功能6 加入日志记录功能7 日志记录的好处本节代码总结 不知不觉学习低代码已经进入第四个年头了既然低代码很好为什么突然又自己架构起后端了呢我有一句话叫低代码不够代码来凑。 低代码现在看来也并不是21出现的时候打的旗号是人人都是开发者效率高的不行。目前看发展的道路是曲折的想依靠低代码一比一实现代码实现的项目还是比较困难的。
困难是暂时的办法总是要有的那就有了自己架构后端能力的想法。
1 架构的选择
就像我们做饭一样先要看菜谱然后才是选购食材然后才是按照方法练习。后端架构也是一样选择什么技术路线选用什么样的组件怎么一步步的实现功能。
我们这次后端的架构是选用的express为啥要选他因为学习低码的过程你是不得不把Js完整学下来的既然js已经很熟练了那么选择一样的技术栈里的技术就省了不少劲。
再者express属于轻量级的后端框架不需要学习过多的技术概念马上就可以实践。
2 环境搭建
express要求你先安装好nodejs我这里选择安装20版本保持最新就可以我们学习么学点新的东西。
nodej安装比较简单从官网下载安装包下一步安装就行安装完了用命令验证一下
node -v
npm -v然后需要在我们的硬盘的盘符里创建一个工程目录比如我这里创建在D盘下的code目录下的expressbackend 在当前目录的地址栏我们输入cmd就快捷的打开了命令行窗口 在命令行窗口里输入npm初始化的命令
npm init一路回车到最终结果文件夹会多出一个package.json文件注意的是有个地方是选入口文件我们的nodejs通常命名为app.js注意这里要改一下
3 安装express
要用express开发先需要引入框架在我们的工程目录在cmd里输入
npm install express库安装好之后会生成一个node_moodules文件夹里边放着我们引用的第三方的库
4 创建启动文件
库安装好之后就可以创建启动文件了在工程目录创建一个app.js 框架搭建好之后我们就可以开始写代码了一般是使用IDE去写打开我们的vscode选择open folder打开我们的工程目录 要使用库先需要引入通过require语句引入库然后再启动服务输入如下代码
const express require(express)
const app express()app.get(/,(req,res){res.send(hello,world)
})const PORT 3000app.listen(PORT,(){console.log(express start in ${PORT})
})然后在vscode里新建一个terminal输入启动命令
node app.js控制台打印了服务已经在3000端口启动打开浏览器输入http://localhost:3000看到hello,world表示服务已经启动成功
5 express的核心功能
express提供了路由和中间件核心功能路由是让我们可以按照不同的路径来调用不同的后端服务比如我们可以访问/auth/login来实现用户的登录访问/auth/signUp实现注册用户。
而中间件可以拦截请求进行各种校验比如我们可以加入日志功能记录我们的请求日志加入token验证功能来验证token是否过期加入跨域验证来解决跨域访问的问题
为了代码清晰我们将中间件和路由分别拆分到不同的文件夹里可以在根目录创建middleware表示中间件创建routes表示路由 6 加入日志记录功能
在中间件里我们先加入日志记录功能让每次访问接口的时候都能记录下请求信息在middleware文件夹下创建logger.js 现在的terminal已经用来启动服务了我们再创建一个terminal用来安装日志的包morgan
npm install morgan然后输入如下代码
const morgan require(morgan);
const fs require(fs);
const path require(path); // 创建日志文件的路径
const logFile path.join(__dirname, .., access.log); // 创建一个可写流用于将日志写入文件
const accessLogStream fs.createWriteStream(logFile, { flags: a }); // 配置morgan使用自定义的日志格式并将日志输出到文件
const logFormat :remote-addr - :date[iso] :method :url HTTP/:http-version :status :res[content-length] - :response-time ms
const logger morgan(logFormat, { stream: accessLogStream }); module.exports logger;这段代码的意思是在根目录创建一个access.log然后每次请求都追加进来
日志文件弄好之后就需要在app.js里引入日志中间件在app.js加入如下代码
const logger require(./middleware/logger);
app.use(logger)加入之后重新启动服务然后再次在浏览器里访问http://localhost:3000 就可以看到根目录下多了一个access.log并且文件里记录了我们请求的信息
7 日志记录的好处
我们通过记录用户的访问日志也可以从侧面了解应用的运行情况如果其中大量出现服务报错或者频繁访问的情况就可以初步判定系统正在遭受攻击也可以有效的应对。
再一个就是如果用户访问接口总是报错有可能有潜在的问题也是诊断线上故障的一个辅助手段可以记录用户实际的一个路径。
本节代码
app.js
const express require(express)
const app express()
const logger require(./middleware/logger);
app.use(logger)
app.get(/,(req,res){res.send(hello,world)
})const PORT 3000app.listen(PORT,(){console.log(express start in ${PORT})
})logger.js
const morgan require(morgan);
const fs require(fs);
const path require(path); // 创建日志文件的路径
const logFile path.join(__dirname, .., access.log); // 创建一个可写流用于将日志写入文件
const accessLogStream fs.createWriteStream(logFile, { flags: a }); // 配置morgan使用自定义的日志格式并将日志输出到文件
const logFormat :remote-addr - :date[iso] :method :url HTTP/:http-version :status :res[content-length] - :response-time ms
const logger morgan(logFormat, { stream: accessLogStream }); module.exports logger;总结
我们本篇讲解了express的搭建和启动过程演示了一个日志记录功能的搭建流程后续还会介绍其他中间件已经路由的搭建过程敬请期待。
