分享一个Nodejs Web框架的实现

分享一个Nodejs Web框架的实现

源码 https://github.com/zhiyu/icecream

由于各种原因，ORM相关的功能尚未添加；另一个需要完善的功能是代码生成器，这是提高开发效率的一个重要因素。

欢迎加入。。

9 回复

分享一个Nodejs Web框架的实现

在这个帖子中，我将介绍如何实现一个简单的Node.js Web框架。这个框架能够处理基本的HTTP请求，并且支持路由和中间件等功能。

源码

你可以通过以下链接查看完整的源码：

实现思路

  1. 创建基本服务器 首先，我们需要创建一个基本的HTTP服务器来接收和响应请求。

    const http = require('http');

function createServer() {
  return http.createServer((req, res) => {
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end('Hello World\n');
  });
}

  2. 定义路由 接下来，我们定义路由，以匹配不同的URL路径并调用相应的处理函数。

    const routes = {};

function route(path, handler) {
  routes[path] = handler;
}

function handleRequest(req, res) {
  const handler = routes[req.url];
  if (handler) {
    handler(req, res);
  } else {
    res.writeHead(404, { 'Content-Type': 'text/plain' });
    res.end('Not Found\n');
  }
}

  3. 中间件支持 中间件是一种在请求到达最终处理程序之前执行的函数。我们可以使用数组来存储中间件，并按顺序依次调用它们。

    const middleware = [];

function use(middlewareFn) {
  middleware.push(middlewareFn);
}

function executeMiddleware(req, res, next) {
  let index = 0;
  function nextMiddleware() {
    if (index === middleware.length) {
      next();
      return;
    }
    const currentMiddleware = middleware[index++];
    currentMiddleware(req, res, nextMiddleware);
  }
  nextMiddleware();
}

  4. 整合所有部分 最后，我们将所有部分整合到一起，创建一个简单的Web框架。

    function run() {
  const server = createServer((req, res) => {
    executeMiddleware(req, res, () => handleRequest(req, res));
  });

  server.listen(3000, () => {
    console.log('Server running at http://localhost:3000/');
  });
}

  5. 使用示例 下面是如何使用这个框架的简单示例。

    // 定义路由
route('/', (req, res) => {
  res.end('Home Page\n');
});

route('/about', (req, res) => {
  res.end('About Page\n');
});

// 使用中间件
use((req, res, next) => {
  console.log(`Request received for ${req.url}`);
  next();
});

// 启动服务器
run();

功能待完善

目前，这个框架还没有包含ORM相关的功能，这是为了简化实现过程。另一个需要完善的功能是代码生成器，这可以大大提高开发效率。

欢迎加入

如果你对这个项目感兴趣，欢迎加入并贡献你的想法和代码！

希望这篇帖子对你有所帮助！如果你有任何问题或建议，请随时联系我。


支持一下，wiki貌似简洁了一些。另外，比起其他框架，最吸引人的地方在哪里？

讨论个问题哦，目前感觉node的web框架都是自个监听端口服务，那么像静态图片这些资源也需要web框架自己的读取和显示，有没有更好的解决方案？

谈不上有什么最吸引人的地方，更多的是基于自身的项目经验来决定框架本身的功能，比如对多语言切换的支持，视图层layout和theme的支持，多级controller的支持以及自定义helper，自定义library等等。后续计划中的功能主要是用于命令行的代码生成器，类似rails的scaffold

怎么解决要看具体的部署方案，静态资源的访问也可以交给代理服务器去管理，web框架可以管理静态资源，也可以不管理。

静态资源可以交给nginx、apache等，node的很多库或是插件当然也可以。

这个怎么样关闭日志输出 ?

app.createServer({debug:false});

要实现一个简单的Node.js Web框架，可以参考以下步骤，并附带一些基础代码。这里以一个名为 icecream 的简单Web框架为例。

目标

创建一个简单的Web框架，能够处理基本的路由和中间件。

步骤

  1. 安装依赖：
    • Express：一个流行的Node.js Web应用框架。
    • Morgan：HTTP请求日志记录器。
npm init -y
npm install express morgan
  1. 创建基本框架结构：
// icecream.js
const express = require('express');
const morgan = require('morgan');

class IceCream {
    constructor() {
        this.app = express();
        this.middlewares = [];
        this.routes = {};
    }

    use(middleware) {
        this.middlewares.push(middleware);
    }

    get(path, handler) {
        this.routes[path] = { method: 'GET', handler };
    }

    post(path, handler) {
        this.routes[path] = { method: 'POST', handler };
    }

    start(port) {
        // 使用中间件
        this.middlewares.forEach(middleware => this.app.use(middleware));

        // 处理路由
        Object.keys(this.routes).forEach(path => {
            const { method, handler } = this.routes[path];
            if (method === 'GET') {
                this.app.get(path, handler);
            } else if (method === 'POST') {
                this.app.post(path, handler);
            }
        });

        // 启动服务器
        this.app.listen(port, () => {
            console.log(`IceCream server running on port ${port}`);
        });
    }
}

module.exports = IceCream;
  1. 使用框架创建应用：
// app.js
const IceCream = require('./icecream');

const app = new IceCream();

app.use(morgan('tiny'));

app.get('/', (req, res) => {
    res.send('Hello World!');
});

app.post('/submit', (req, res) => {
    res.send('Form submitted!');
});

app.start(3000);

解释

  • IceCream 类封装了Express实例，并管理中间件和路由。
  • use 方法用于注册中间件。
  • get 和 post 方法用于定义路由处理函数。
  • start 方法启动服务器并应用所有配置。

扩展性

你可以继续扩展这个框架，例如增加对PUT、DELETE等方法的支持，或者添加自定义的错误处理逻辑。

示例代码

以上代码可以在你的项目目录中运行，使用 node app.js 命令启动服务器。访问 http://localhost:3000/ 和 http://localhost:3000/submit 将分别显示 “Hello World!” 和 “Form submitted!”。

通过这种方式，你可以构建一个简单的Web框架，并根据需要进行扩展。

回到顶部