博客
关于我
Node.js 实现类似于.php,.jsp的服务器页面技术,自动路由
阅读量:792 次
发布时间:2023-02-16

本文共 1892 字,大约阅读时间需要 6 分钟。

服务器页面技术的优点

传统服务器页面技术如jsp,aspx,php 的最大优点就是隔离性非常好,强制解耦,又省去了手工定义路由的麻烦,文件路径就直接表示了路由,对于新手非常友好,反观node.js的框架koa,express等都需要手工定义路由,例如:

const Koa = require('koa')const router = require('koa-router')()const app = new Koa()router.get('/home', async (ctx, next) => {   ctx.response.body = '

Hello,Home Page

'})复制代码

每增加一个接口都需要手工定义一个路由,需要抽离出来一个routers.js专门定义这些路由,频繁改动,甚至有些开发同学图省事就直接在文件里写逻辑代码了。 node.js能否实现页面技术自动路由到对应的js文件呢,答案是肯定的。

Node.js 实现请求路径自动路由

实现步骤如下:

  1. 获取到请求路径
  2. 使用path.resolve查找项目目录中是否有同名的js文件
  3. require引入文件,必须实现一个约定好的方法名以供调用,如onRequest
  4. 调用该文件中指定的方法

/app.js

const http=require("http");const Path=require("path");const Url=require("url");const fs=require("fs");var server=http.createServer(function (req,res){    var relPath=Url.parse(req.url,true).pathname;    var absPath=Path.resolve(__dirname,"."+relPath+".js")    if(fs.existsSync(absPath)){        var pageObj=require(absPath);        if(pageObj.onRequest){            pageObj.onRequest(req,res)        }    }})server.listen(80);复制代码

/home.js

module.exports={    onRequest:function (req,res){        res.end("

Hello,Home Page

"); }}复制代码

node app.js运行后,现在访问:

大功告成!!

如何实现热更新

现在可以愉快的写页面了,再也不用担心路由忘记定义了,但是修改完js文件的代码后,每次都要重启node才生效,传统的页面技术可是刷新一下页面就能运行最新的代码的,这是因为node require导入的文件模块会缓存,要实现这个肯定要祭出fs.watch这个大杀器了,实现步骤如下:

  1. 监控文件变化
  2. 删除模块缓存
  3. 再重新require进来

就是这么简单,代码如下:

app.js

const fs=require("fs");const Path=require("path");fs.watch(__dirname,{   persistent: true,   recursive: true},function(event,filename){   if (event === "change") {       let fullName=Path.resolve(__dirname,filename);       if(Path.extname(fullName)==".js"){         if (require.cache[fullName]) {           require.cache[fullName] = null;;         }         require(fullName);       }   }});复制代码

Node.js 服务器页面开发框架推荐

根据本文思路,我已经实现了一个相对比较完备的Node.js 开发框架webcontext,并实现了请求上下文封装、静态文件服务、反向代理、数据库访问,sesison存取、日志记录等web应用服务器必备功能 ,如果喜欢,求star

传送门:

转载于:https://juejin.im/post/5ccf00eae51d453b7f0a0d44

你可能感兴趣的文章
vue3+Ts 项目打包时报错 ‘reactive‘is declared but its value is never read.及解决方法
查看>>
Node-RED中Switch开关和Dropdown选择组件的使用
查看>>
Node-RED中使用exec节点实现调用外部exe程序
查看>>
Node-RED中使用function函式节点实现数值计算(相加计算)
查看>>
Node-RED中使用html节点爬取HTML网页资料之爬取Node-RED的最新版本
查看>>
Node-RED中使用JSON数据建立web网站
查看>>
Node-RED中使用json节点解析JSON数据
查看>>
Node-RED中使用node-random节点来实现随机数在折线图中显示
查看>>
Node-RED中使用node-red-browser-utils节点实现选择Windows操作系统中的文件并实现图片预览
查看>>
Node-RED中使用node-red-contrib-image-output节点实现图片预览
查看>>
Node-RED中使用node-red-node-ui-iframe节点实现内嵌iframe访问其他网站的效果
查看>>
Node-RED中使用Notification元件显示警告讯息框(温度过高提示)
查看>>
Node-RED中使用range范围节点实现从一个范围对应至另一个范围
查看>>
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Vue3+elementplus实现图片上传下载(最强实践)
查看>>
Node-RED中将CSV数据写入txt文件并从文件中读取解析数据
查看>>
Node-RED中建立TCP服务端和客户端
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中建立静态网页和动态网页内容
查看>>
Vue3+Element-ul学生管理系统(第二十二课)
查看>>