《Node.js web服务器开发实战》 独立开发WEB框架（含Nodejs关键词）

《Node.js web服务器开发实战》 独立开发WEB框架（含Nodejs关键词）

目标

本章节将带领大家从零开始开发一个简单的Node.js Web服务器框架，并通过该框架实现一个基本的博客系统。在这个过程中，我们将手动编写所有代码，而不是依赖于现有的库。

实际项目

项目需求

1. 静态目录服务
2. 动态页面模板支持
3. 路由处理
4. 文件上传支持

博客系统需求

1. 管理员账号管理
2. 博客文章的增删改查功能
3. 用户登录、注册和退出功能

开发过程

静态目录服务

首先，我们需要创建一个静态文件服务器，用于提供HTML、CSS和JavaScript等静态资源。

const http = require('http');
const fs = require('fs');
const path = require('path');

const server = http.createServer((req, res) => {
    let filePath = path.join(__dirname, 'public', req.url === '/' ? 'index.html' : req.url);
    let extname = String(path.extname(filePath)).toLowerCase();
    const mimeTypes = {
        '.html': 'text/html',
        '.js': 'text/javascript',
        '.css': 'text/css',
        '.json': 'application/json',
        '.png': 'image/png',
        '.jpg': 'image/jpg',
        '.gif': 'image/gif',
        '.svg': 'image/svg+xml',
        '.wav': 'audio/wav',
        '.mp4': 'video/mp4',
        '.woff': 'application/font-woff',
        '.ttf': 'application/font-ttf',
        '.eot': 'application/vnd.ms-fontobject',
        '.otf': 'application/font-otf',
        '.wasm': 'application/wasm'
    };

    let contentType = mimeTypes[extname] || 'application/octet-stream';

    fs.readFile(filePath, (err, content) => {
        if (err) {
            if (err.code == 'ENOENT') {
                fs.readFile(path.join(__dirname, 'public', '404.html'), (err, content) => {
                    res.writeHead(404, { 'Content-Type': 'text/html' });
                    res.end(content, 'utf-8');
                });
            } else {
                res.writeHead(500);
                res.end(`Server Error: ${err.code}`);
            }
        } else {
            res.writeHead(200, { 'Content-Type': contentType });
            res.end(content, 'utf-8');
        }
    });
});

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

动态页面模板支持

接下来，我们将添加一个简单的模板引擎来渲染动态页面。

const templateEngine = (templatePath, data) => {
    let template = fs.readFileSync(templatePath, 'utf-8');
    Object.keys(data).forEach(key => {
        template = template.replace(new RegExp(`{{${key}}}`, 'g'), data[key]);
    });
    return template;
};

// 在响应中使用模板引擎
res.end(templateEngine(path.join(__dirname, 'views', 'index.html'), { title: 'My Blog' }));

路由处理

为了处理不同的请求路径，我们需要定义一些路由规则。

const routes = {
    '/': (req, res) => {
        res.end(templateEngine(path.join(__dirname, 'views', 'index.html'), { title: 'Home' }));
    },
    '/about': (req, res) => {
        res.end(templateEngine(path.join(__dirname, 'views', 'about.html'), { title: 'About' }));
    }
};

server.on('request', (req, res) => {
    let route = routes[req.url];
    if (route) {
        route(req, res);
    } else {
        res.writeHead(404);
        res.end('Not Found');
    }
});

文件上传支持

最后，我们将添加一个简单的文件上传功能。

const formidable = require('formidable'); // 注意：这里引入了一个第三方库

server.on('request', (req, res) => {
    if (req.url === '/upload' && req.method.toLowerCase() === 'post') {
        let form = new formidable.IncomingForm();
        form.parse(req, (err, fields, files) => {
            if (err) {
                res.writeHead(500);
                res.end('Upload failed');
            } else {
                res.writeHead(200);
                res.end('Upload successful');
            }
        });
    } else {
        // 其他路由处理逻辑
    }
});

总结

通过上述步骤，我们可以手动构建一个简单的Web服务器框架，并通过该框架实现一个基本的博客系统。这不仅帮助我们理解Node.js的核心概念，还能让我们更好地掌握实际开发中的细节。