服务器页面技术的优点
传统服务器页面技术如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 实现请求路径自动路由
实现步骤如下:
- 获取到请求路径
- 使用path.resolve查找项目目录中是否有同名的js文件
- require引入文件,必须实现一个约定好的方法名以供调用,如onRequest
- 调用该文件中指定的方法
/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这个大杀器了,实现步骤如下:
- 监控文件变化
- 删除模块缓存
- 再重新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
传送门: