前端自动化由来已久,最近为了编写自己的自动化工具,本人开始详细学习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编写在线聊天系统
原文地址:https://www.cnblogs.com/mzqn/p/8885478.html