//require表示引包,引包就是引用自己的一个特殊功能
var http = require("http");
//创建服务器,参数是一个回调函数,表示如果有请求进来,要做什么
var server = http.createServer(function(req,res){
//req表示请求,request;res表示响应,response;
//设置HTTP头部,状态码是200,文件类型是html,字符集是utf-8
res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
res.end("哈哈哈,这是我的第一个Node页面"+(1+2+3)+"s");
});
//运行服务器,监听3000端口
server.listen(3000,"127.0.0.1");
在打开的网页中,右键查看网页源代码,看不到代码
Node.js是服务器的程序,写的是js语句,都将运行在服务器上。返回给客户的,都是已经写好的纯html
(查看 (1+2+3)查看不到)
如果想修改程序,必须中断当前运行的服务器,重新node一次,刷新,才行。
在cmd下运行node, ctrl+c 就可以打断挂起的服务器程序,此时按上箭头,能够快速调用最近的node命令。
你会发现,我们本地写一个js,打死都不能拖入浏览器中运行,但是有了node,我们任何一个js文件,都可以通过node运行。
node是js的执行环境。
我们现在要跑起来一个服务器,这个服务器的脚本,要以.js存储,是一个js文件。用node命令运行js文件。
本质::node.js没有任何的根目录,因为他根本没有任何的web容器。跟以前用过的XAMPP不一样,不需要把目标文件放在某个指定文件夹下。这也是node.js难以自学的原因。
node.js最牛的地方就是路由设置,就是下面鼠标阴影部分。
//require表示引包,引包就是引用自己的一个特殊功能
var http = require("http");
var fs = require("fs");
//创建服务器,参数是一个回调函数,表示如果有请求进来,要做什么
var server = http.createServer(function(req,res){
if(req.url == "/fang"){
fs.readFile("./test.html",function(err,data){
//req表示请求,request;res表示响应,response;
//设置HTTP头部,状态码是200,文件类型是html,字符集是utf-8
res.writeHead(200,{"Content-type":"text/html;charset=UTF-8"});
res.end(data);
});
}else if(req.url == "/yuan"){
fs.readFile("./haha.html", function (err, data) {
//req表示请求,request;res表示响应,response;
//设置HTTP头部,状态码是200,文件类型是html,字符集是utf-8
res.writeHead(200, { "Content-type": "text/html;charset=UTF-8" });
res.end(data);
});
}else{
res.writeHead(404, { "Content-type": "text/html;charset=UTF-8" });
res.end("嘻嘻,没有这个页面哟");
}
});
//运行服务器,监听3000端口(端口号可以任意改变)
server.listen(3000,"127.0.0.1");
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="test/css">
div
{
width: 200px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div>fang</div>
</body>
</html>
haha.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style type="test/css">
div{
width: 200px;
height: 200px;
background: green;
border-radius: 50%;
}
</style>
</head>
<body>
<div>yuan</div>
</body>
</html>
上面这个,还有下面讲解的,为了帮助大家更好的理解node.js没有web容器概念。更加深入的理解。
我们插入一张图片,并且希望可以在网页中看到。
这样输入url相当于访问了127.0.0.1:3000/01.jpg,当然是报错的。
这时候我们这样修改代码,增加一个url路径,就可以了。
127.0.0.1:3000/yuan 输入这个url进行访问就完全OK了。
127.0.0.1:3000/01.jpg 也可以这样直接访问图片
通过观察上述代码,你会发现回调函数嵌套回调函数,这也是上一篇文章的一个讲解 的node.js的一个特点。