node.js开发web应用基础

[目录]
一、网络传输协议
二、http组成部分
三、Node.js（理解Node.js的特点和作用）
四、helloworld实例
五、模块（文件）
六、包（文件夹）
七、http系统模块
八、服务器实例

...
POST 在Request-URL所标识的资源后附加新的数据
GET 请求获取Request-URL所标示的资源（表单提交）
...

...
Host:www.qq.com
User-Agent:
Cookie:
...

状态码可能的取值：
1xx:指示信息-表示请求已接收，继续处理
2xx:成功-表示请求已被成功接收，并且响应
3xx:重定向-要完成请求必须进行更进一步的操作
4xx:客户端错误-请求有语法错误或请求无法实现
5xx:服务器端错误-服务器未能实现合法的请求

...
Server:Apache/2.4.7(Ubuntu)
有可能是：
`clustered web server(cws)` 集群web服务器
...

IE（chakra）
火狐（spidermonky）
chrome（v8）
safari（nitro）

响应速度快和易于扩展
我们用Node.js搭建一个网络web应用，不需要我们去写些很复杂的代码，因为rd这个人早就封装好了一套库。我们直接基于它封装的库就能开发出网络应用。

1、异步I/O
2、事件与回调
3、单纯程
4、夸平台（mac linux windows）

1、开发web应用
2、命令行
3、桌面图形应用程序

// e/hello.js
function fun() {
	console.log("hello javascript");
}
fun();

// windows命令行输入
e:
dir
node hello.js
// 控制台输出
hello javascript

// e/hello.js
// 1.导入http模块
var http = require("http");

// 2.创建server实例
var server = http.createServer(function(req,resp){
	console.log("hello server");
	// 将字符串写入resp
	resp.write("hello browser");
	// 发送
	resp.end();
})

// 3.启动服务并监听端口
server.listen("3000", function(err){
	if(!err){
		console.log("start success! at 3000");
	}
})

// 浏览器中输http://localhost:3000
// 浏览器中输出
hello browser

// db.js
exports.add = function(){
	console.log("添加数据");
}
module.exports.modifi = function(){
	console.log("修改数据");
}
// file.js
function read(path) {
	console.log("对“+path+"文件读取");
}
exports.read = read;

// test.js
var file = require("./file.js");
var db = require("./db.js");

file.read("d:/");
db.add();

// 目录结构
-demo
--html
--node_modules
*****************包 S
----m_p+
------bin+
-------demo.exe
------doc
------lib+
-------db+
--------db.js
-------file+
--------file.js
------test
------index.js
------package.json
******************包 E
--app.js

bin: 包里用来存储二进制代码的（如C语言编译好的模块）
doc: 存储文档目录，说明这个包有哪些功能
lib: js编写的核心模块存储 
// db.js
exports.add = function(){}
// file.js
function write() {}
exports.write = write;
test: 提供测试用的JS

var file = require('./lib/file/file.js');
var db = require('./lib/db/db.js');
var m = {};
m.add_db = db.add;
...
m.write_file = file.write;
exports = module.exports = m;

{
	"name": "m_p",
	"version": "0.0.2",
	"discription": "this is a test",
	"keywords": [
		"test"
	],
	"engine": "chrome v8",
	"author": {
		"name": "xiao"
	},
	"bin":"",
	"main":"index.js"
}

// app.js
var mp = require("m_p");
mp.add_db();
mp.write_file();

npm // 查看所有命令
npm help show //查看命令的使用

// 发布包到网站(http://www.npmjs.com)上
npm login（登录用户） / npm adduser (注册用户)
npm whoami（查看用户）
npm publish m_p（发布包）

// 不想给别人使用
npm unpublish m_p@0.0.4

// 安装npm包（如express）

npm install express（默认安装在当前目录下node_modules）
npm install express –g（全局安装）

npm logout（退出）
npm whoami

// client.js
var http = require("http");
// 发送数据
var data = "hello server";
// 请求参数
var options = {
host: '127.0.0.1',
port:3000,
method:'POST',
headers: {
	'Content-Type':'application/x-www-form-urlencoded',
	'Content-Length':data.length
}
};
// 回调
var requestCallback = function(im){
var serverData = "";
im.on("data",function(data){
	serverData += data;
})
im.on("end",function(){
	console.log("client:"+serverData);
})
} 
// 发送请求
var req = http.request(options,requestCallback);

// 注册出错时的事件
req.on('error',function(e){
	console.log(e.message);
})
// 写入数据
req.write(data);
// 发送数据
req.end();
	
=======================

// server.js
// 创建服务并监听事件
http.createServer(function(req,res){
	console.log(req);// IncomingMessage{}类
	console.log("url:"+req.url);
	console.log("请求方式:"+req.method);// POST
	console.log("状态码:"+req.statusCode);
	console.log(req.headers);
	/*
	{ 
		'content-type': 'application/x-www-form-urlencoded',
		'content-length': '12',
		host: '127.0.0.1:3000',
		connection: 'close' 
	}
	*/
	// 判断是否为POST请求 write数据data通过流的方式来获取
	if(req.method.toUpperCase() == 'POST'){
		var postData = "";
		req.on("data", function(data){
			postData += data;
		})
		req.on("end", function(){
			console.log("server:"+postData);
		})
	}else if(req.method.toUpperCase() == 'GET') {
		console.log("暂时不处理");
	} else {
		console.log("其他请求");
	}
	res.writeHead(200,{'Content-Type':'text/plain;charset=utf-8'});
	res.write("hello client");
	res.end();
}).listen(3000,function(){
	console.log("listen on port 3000");
})	

var http = require("http");
var server = http.createServer();
server.on("request",function(){
	console.log('接收到请求');
});	
server.listen(3000,function(){
	if(err!=null){
		console.log("监听3000端口失败！启动失效！");
	}else{
		console.log("服务器启动成功！监听3000端口");
	}
})

var http = require("http");
http.createServer(function(req,res){
	// 服务器响应
	res.writeHead(200,{"Content-type":"text/html;charset=utf-8"});
	res.write("<html>"+
		"<head></head>"+
		"<body><p>这是个段落</p></body>"+
		"</html>");
	res.end();
}).listen(3000,function(){
	console.log("启动监听3000端口");
});

1、解析url并且验证
2、解析客户端的参数（get/post）
3、响应静态文件
4、调用用户的组件处理业务逻辑
5、保存用户状态
6、文件的上传与下载

-css
--main.css
-html
--index.html
-js
--main.js
-server.js

<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta charset="utf-8"/>
	<title>这是一个测试页面</title>
	<link rel="stylesheet" href="../css/main.css">
</head>
<body>
	<p>下面是一张图片</p>
	<form action="http://localhost:3000/html/index.html" method="post" enctype="application/x-www-form-urlencoded">
		username:<input type="text" name="username"/><br/>
		password:<input type="text" name="password"/><br/>
		<input type="submit" value="提交"/>
	</form>
</body>
<script src="../js/main.js"></script>
</html>

var http = require("http");
var fs   = require("fs");
var qs   = require("querystring");
var url  = require("url");


// 创建一个服务器
var server = http.createServer(function(req,res){
	console.log(req);
	// 验证请求资源
	if(validateExName(req)) {
		// 解析请求参数
		parseParam(req);
		// GET请求在这里打印
		console.log(req.param);
		// 响应静态文件
		readStaticFile(req,res);
	}else{
		res.writeHead(404,{"Content-type":"text/plain;charset=utf-8"});
		res.write("file not found");
		res.end();
	}
});


// 监听3000端口
server.listen(3000,function(err){
	if(!err){
		console.log("服务器启动成功，监听3000端口");
	}
});


// 验证请求文件后缀名
function validateExName(req){
	var pathName = url.parse(req.url,true).pathname;
	var exName = pathName.substring(pathName.indexOf("."));
	return ".html.jpg.png.css.js.gif".indexOf(exName)>=0;
}


// 封装参数
function parseParam(req) {
	if(req.method.toUpperCase()=="POST"){
		var postData = "";
		req.on("data", function(data){
			postData += data;
		});
		req.on("end", function(){
			// username=xiaoming&pwd=123
			req.param = qs.parse(postData);
			// POST请求在这里打印，因为它是异步的
			console.log(req.param);
		})
	}else if(req.method.toUpperCase()=="GET") {
		req.param = url.parse(req.url,true).query;
	}
};


// 解析表态文件
function readStaticFile(req,res) {
	var pathName = url.parse(req.url).pathname;
	// ./html/index.html
	if(fs.existsSync("."+pathName)){
		fs.createReadStream("."+pathName).pipe(res);
	}else{
		res.wirteHead(404,{"Content-type":"text/plain;charset=utf-8"});
		res.write("file not found");
		res.end();
	}
}