Node.js之hello world

最新推荐文章于 2024-02-20 08:51:17 发布

lxhguard

最新推荐文章于 2024-02-20 08:51:17 发布

阅读量336

点赞数

分类专栏： Node.js 文章标签： node.js没有web容器的概念 node.js

本文链接：https://blog.csdn.net/ferrysoul/article/details/82974049

版权

Node.js 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

//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的一个特点。

lxhguard

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Node.js之hello world

//require表示引包，引包就是引用自己的一个特殊功能var http = require("http");//创建服务器，参数是一个回调函数，表示如果有请求进来，要做什么var server = http.createServer(function(req,res){ //req表示请求，request;res表示响应，response; ...
复制链接

扫一扫

专栏目录