Node.js创建Web、TCP服务器


Posted in Javascript onDecember 05, 2017

使用http模块创建Web服务器

Web服务器的功能:

接受HTTP请求(GET、POST、DELETE、PUT、PATCH)

处理HTTP请求(自己处理,或请求别的程序处理)

做出响应(返回页面、文件、各类数据等)

常见的Web服务器架构:

Nginx、Apache:负责接受HTTP请求,确定谁来处理请求,并返回请求的结果

php-fpm / php模块:处理分配给自己的请求,并将处理结果返回给分配者

常见请求种类:

请求文件:包括静态文件(网页、图片、前端JavaScript文件、css文件...),及由程序处理得到的文件

完成特定的操作:如登录、获取特定数据等

Node.js的Web服务器:

不依赖其他特定的Web服务器软件(如Apache、Nginx、IIS......)

Node.js代码处理请求的逻辑

Node.js代码负责Web服务器的各种“配置”

使用Express创建Web服务器

简单的Express服务器

静态文件服务

路由

中间件

简单的Express服务器:

var express = require('express'); 
var app = express(); 
app.get('', function(req, res){ 
<span style="white-space:pre"> </span>res.end('hello\n'); 
<span style="white-space:pre"> </span>}); 
<span style="white-space:pre"> </span>app.listen(18001, function afterListen(){ 
<span style="white-space:pre"> </span>console.log('express running on http://localhost:18001'); 
<span style="white-space:pre"> </span>});

静态文件范围:

网页、纯文本、图片、前端JavaScript代码、CSS样式表文件、媒体文件、字体文件

使用Express访问静态文件

<span style="white-space:pre"></span>app.use(express.static('./public'));

路由:

将不同的请求,分配给相应的处理函数

区分:路径、请求方法

三种路由实现方法:

path:比较简单

Router:比较适合同一个路由下的多个子路由

route:比较适合API

中间件

Connect:Node.js的中间件框架

分层处理

每层实现一个功能

创建TCP服务器

使用net模块创建TCP服务器

使用telnet连接TCP服务器

使用net创建TCP客户端

利用node.js搭建简单web服务器JS代码部分:

var http = require('http');
var url = require('url');
var path = require('path');
var fs = require('fs');
var dir, arg = process.argv[2] || ''; // 命令行第三个参数,用来接收目录,可为空,相对当前server.js文件的目录名称
// 比如使用命令 node server debug,意思就是debug文件夹与server.js文件同级
// 且你想以debug文件夹启动web服务
 
http.createServer(function (req, res) {
var pathname = __dirname + url.parse(req.url).pathname;
dir = dir ? dir : pathname; // 记住dir(目录)
pathname = dir ? pathname.replace(dir, dir + arg + '/') : pathname; // 替换文件静态路径
if (path.extname(pathname) == "") {
pathname += "/";
}
if (pathname.charAt(pathname.length - 1) == "/") {
pathname += "index.html"; // 入口文件,此处默认index.html
}
 
fs.exists(pathname, function (exists) {
if (exists) {
switch (path.extname(pathname)) {
case ".html":
res.writeHead(200, {"Content-Type": "text/html"});
break;
case ".js":
res.writeHead(200, {"Content-Type": "text/javascript"});
break;
case ".css":
res.writeHead(200, {"Content-Type": "text/css"});
break;
case ".gif":
res.writeHead(200, {"Content-Type": "image/gif"});
break;
case ".jpg":
res.writeHead(200, {"Content-Type": "image/jpeg"});
break;
case ".png":
res.writeHead(200, {"Content-Type": "image/png"});
break;
default:
res.writeHead(200, {"Content-Type": "application/octet-stream"});
} 
// res可以自己添加信息来简单交互 比如可以修改点header信息 或者修改返回的资源数据
fs.readFile(pathname, function (err, data) {
res.end(data);
});
}
else {
res.writeHead(404, {"Content-Type": "text/html"});
res.end("<h1>404 Not Found</h1>");
}
});
}).listen(8085, "127.0.0.5"); // 服务器端口
console.log("server running at http://127.0.0.5:8085/");
Javascript 相关文章推荐
jquery组件使用中遇到的问题整理及解决
Feb 21 Javascript
JavaScript获取DOM元素的11种方法总结
Apr 25 Javascript
在JavaScript中使用开平方根的sqrt()方法
Jun 15 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
Nov 02 Javascript
全面解析Bootstrap表单样式的使用
Sep 09 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
Apr 13 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 Javascript
mpvue开发音频类小程序踩坑和建议详解
Mar 12 Javascript
详解vue中router-link标签所必备了解的属性
Apr 15 Javascript
vue实现带复选框的树形菜单
May 27 Javascript
用JS实现选项卡
Mar 23 Javascript
实例讲解javascript实现异步图片上传方法
Dec 05 #Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 #jQuery
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 #jQuery
最实用的JS数组函数整理
Dec 05 #Javascript
微信小程序picker组件简单用法示例【附demo源码下载】
Dec 05 #Javascript
Vue DevTools调试工具的使用
Dec 05 #Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 #Javascript
You might like
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
laravel 判断查询数据库返回值的例子
2019/10/11 PHP
网站页面自动跳转实现方法PHP、JSP(下)
2010/08/01 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
Google Dart编程语法和基本类型学习教程
2013/11/27 Javascript
javascript简单实现滑动菜单效果的方法
2015/07/27 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
2015/11/01 Javascript
javascript的replace方法结合正则使用实例总结
2016/06/16 Javascript
jQuery复制节点用法示例(clone方法)
2016/09/08 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
Jquery树插件zTree实现菜单树
2017/01/24 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
javascript 开发之网页兼容各种浏览器
2017/09/28 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
2018/09/26 Javascript
手动下载Chrome并解决puppeteer无法使用问题
2018/11/12 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
2018/11/28 Javascript
Vue js with语句原理及用法解析
2020/09/03 Javascript
JavaScript 实现下雪特效的示例代码
2020/09/09 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
使用Python绘制图表大全总结
2017/02/11 Python
Python同步遍历多个列表的示例
2019/02/19 Python
python数据预处理方式 :数据降维
2020/02/24 Python
Python3 利用face_recognition实现人脸识别的方法
2020/03/13 Python
解决python运行启动报错问题
2020/06/01 Python
解决Pyinstaller打包软件失败的一个坑
2021/03/04 Python
css3一个简易的 LED 数字时钟实现方法
2020/01/15 HTML / CSS
美国受欢迎的眼影品牌:BH Cosmetics
2016/10/25 全球购物
喜诗官方在线巧克力店:See’s Candies
2017/01/01 全球购物
网吧收银员岗位职责
2013/12/14 职场文书
影视动画专业个人的自我评价
2013/12/31 职场文书
百度吧主申请感言
2014/01/12 职场文书
迎新晚会策划方案
2014/06/13 职场文书
关于教师节的广播稿
2014/09/10 职场文书
代领学位证书毕业证书委托书
2014/09/30 职场文书
工伤事故赔偿协议书
2014/10/27 职场文书
vue elementUI批量上传文件
2022/04/26 Vue.js