博客
关于我
Node.js 实现类似于.php,.jsp的服务器页面技术,自动路由
阅读量:796 次
发布时间: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

你可能感兴趣的文章
Nodejs process.nextTick() 使用详解
查看>>
NodeJS yarn 或 npm如何切换淘宝或国外镜像源
查看>>
nodejs 中间件理解
查看>>
nodejs 创建HTTP服务器详解
查看>>
nodejs 发起 GET 请求示例和 POST 请求示例
查看>>
NodeJS 导入导出模块的方法( 代码演示 )
查看>>
nodejs 开发websocket 笔记
查看>>
nodejs 的 Buffer 详解
查看>>
nodejs 的 path 模块详解
查看>>
NodeJS 的环境变量: 开发环境vs生产环境
查看>>
nodejs 读取xlsx文件内容
查看>>
nodejs 运行CMD命令
查看>>
Nodejs+Express+Mysql实现简单用户管理增删改查
查看>>
nodejs+nginx获取真实ip
查看>>
nodejs-mime类型
查看>>
NodeJs——(11)控制权转移next
查看>>
NodeJS、NPM安装配置步骤(windows版本)
查看>>
NodeJS、NPM安装配置步骤(windows版本)
查看>>
nodejs下的express安装
查看>>
nodejs与javascript中的aes加密
查看>>