前端自动化由来已久，最近为了编写自己的自动化工具，本人开始详细学习node，为了检验学习成果，决定编写一个类似于webqq的聊天系统。以下是该系统具有的模块。

• 登录模块（自动登录）
• 聊天模块（私聊，群聊）
• 统计模块（一段时间内活跃的程度）
• 地理模块（查找附近）

本文主要讲述如何用node.js编写静态资源服务器。

前期准备

既然要用node.js编写，首先是下载、安装最新版的node。

启动服务

nodejs 启动一个服务器的方法很简单，就是调用node的原生模块（http），调用其createServer方法即可。

const http = require('http');

const Until = require('./app/core/router');

global.BASE_DIR = __dirname;

global.VIEW = global.BASE_DIR + '/view/';

http.createServer((req, res) => { // 第一个参数为请求第二个参数为回应

    "use strict";

    Until.init(req.url, req).then(reslove => {

        if (!reslove) {

            return

        }

        res.writeHead(200, {'Content-Type': reslove.type +'; charset=utf-8'}); // charset=utf-8 指定编码方式

        res.end(reslove.response)

    })

}).listen(3000) 端口号

路由

当启动服务之后，我们就要开始编写整个系统的路由，系统的所有请求其实分为三类：一是请求前端页面，二是请求静态资源，三是请求数据。我们需要有一些标记来辨识请求以便合理处理。

    getRes(url) {

        "use strict";

        url = url.toString();

        if (url.includes('.html') || (!url.includes('.') && !url.includes('/api/'))) { // 页面

            return this.renderHtml();

        } else if (url.includes('/api/')) { // api

            return this.renderApi();

        } else if (url.includes('.')){

            return this.renderRrsource(); // 静态资源

        }

    },

下面以登录页面为例来说明请求及响应过程。我们假定'/login'为登录页面的链接，当服务器收到请求时，需要做两件事情，一是查找登录的页面，二是将页面返回给前台。

    // 检测文件是否存在 存在则返回文件

    renderFile (filename, num){

        "use strict";

        let path_arr = [global.VIEW + filename + '.jade', global.BASE_DIR + filename]

        return new Promise((reslove, reject) => {

            let path = path_arr[num], type;

            fs.access(path, (err) => { // 检测文件是否存在

                if (err) {

                    reject(err);

                } else {

                    if (num == 0) { // 返回页面

                        reslove({type: 'text/html', response: jade.renderFile(path)})

                    } else { // 返回静态资源

                        fs.readFile(path, (err, data)=> {

                            if (err) {

                                reject(err)

                            } else {

                                if (path.includes('.css')) {

                                    type = 'text/css'

                                } else if (path.includes('.js')) {

                                    type = 'application/x-javascript'

                                }

                                reslove({type: type, response: data})

                            }

                        })

                    }

                }

            })

        })

    },

上面是请求资源和文件的逻辑，接口类似。完成效果：