原生nodejs编写在线聊天系统

Posted mzqn

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生nodejs编写在线聊天系统相关的知识,希望对你有一定的参考价值。

前端自动化由来已久,最近为了编写自己的自动化工具,本人开始详细学习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})
                            }
                        })
                    }

                }
            })
        })
    },

上面是请求资源和文件的逻辑,接口类似。完成效果:
技术分享图片


以上是关于原生nodejs编写在线聊天系统的主要内容,如果未能解决你的问题,请参考以下文章

z13区nodejs原生态模块,写个聊天室

nodejs常用代码片段

干货|使用AngularJS+nodejs实现聊天室

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

javascript 用于在节点#nodejs #javascript内设置react app的代码片段

代码在线编译器(上)- 编辑及编译