创建服务器

  • 一些命令
cmd退出node环境 ctrl+c
ipconfig  /all看本地服务器地址
  • 创建简单服务器
在页面输入http://10.134.164.143:3000/   或者 localhost:3000  显示111
const http = require("http");
http.createServer((request, response) => {
    // response.write("小龙哥来也");
    // response.write("汤姆猫来也");
    // response.write("小龙人来也"); 
    response.end("111")
}).listen(3000,"10.134.164.143",() => {
    console.log("我已经启动了……")
});
  • 根据url参数选择内容
在页面输入http://10.134.164.143:3000/              显示con.html
在页面输入http://10.134.164.143:3000/index.html    显示index.html
在页面输入http://10.134.164.143:3000/about.html    显示about.html
const http = require('http');
http.createServer((req, res) => {
    if(req.url.endsWith('index.html')){
        res.end('index.html');
    }else if(req.url.endsWith('about.html')){
        res.end('about.html');
    }else{
        res.end("con.html")
    }
}).listen(3000,'10.134.164.143', () => {
    console.log("我已经启动了……");    
})
  • 实现静态服务器(www下面放静态资源)
在页面输入http://10.134.164.143:3000/www/index.html   显示index.html的页面内容
const http = require('http');
const path = require('path');
const fs = require('fs');
let staticDir = '/www';
http.createServer((req, res) => {
    // 根据url地址读取对应文件的内容然后返回客户端
    //如果url以/www开头  比如http://10.134.164.143:3000/www   
    if (req.url.startsWith(staticDir)) {
//得到文件名称,比如index.html
        let filename = path.basename(req.url);
//读取www下面的index.html文件,data是数据内容,在res.end(data)返回到页面
        fs.readFile(path.join(__dirname, staticDir, filename), (err, data) => {
            res.end(data);
        })
    }
}).listen(3000,'10.134.164.143', () => {
    console.log("服务器启动啦……")
})
  • 解决乱码问题
此时发现输入html扩展名结尾文件ok,其他文件会乱码
引入mime.json ,里面设置了各个扩展民结尾的对应格式
获得扩展名,设置对应的响应类型,文本扩展名指定编码格式,设置响应头
const http = require('http');
const path = require('path');
const fs = require('fs');
const mime = require('./mime.json');
let staticDir = '/www';
http.createServer((req, res) => {
    // 根据URL地址读取对应文件的内容返回客户端
    if(req.url.startsWith(staticDir)){
        let filename = path.basename(req.url);
        fs.readFile(path.join(__dirname, staticDir, filename),(err, data) => {
            // 获取URL中文件的扩展名
            let ext = path.extname(req.url);
            // 设置响应类型的默认值
            let cType = "text/html";
            // 如果请求的文件格式存在就覆盖默认值
            // 不存在就是用默认值
            if (mime[ext]) {
                cType = mime[ext];
            }
            // 文本文件需要指定编码,图片不需要
            if (mime[ext].startsWith('text')) {
                cType += '; charset=utf8';
            }
            // 设置响应头信息
            res.writeHead(200, {
                'Content-Type' : cType
            })

            res.end(data);
        })
    }
}).listen(3000, '127.0.0.1', () => {
    console.log("准备开始了……")
})
  • 解决自定义更路径问题和封装(静态资源服务器方法)
/*
    静态资源服务器封装
 */
const path = require('path');
const fs = require('fs');
const mime = require('./mime.json');
let staticDir = '/abc';
// let rootDir = __dirname;
//自己定义根目录,记得路径加\\
let rootDir = 'D:\\xiangmu\\Node\\lesson-05\\';
//如果没有找到静态资源,就返回404,es6字符串拼接
let info404 = `
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>404</title>
</head>
<body>
    <p>页面被老板吃了</p>
</body>
</html>
`;
exports.initStaticServer = (req, res, rootDir, staticDir) => {
    // 根据URL地址读取对应文件的内容返回客户端
    if(req.url.startsWith(staticDir)){
        let filename = path.basename(req.url);

        fs.readFile(path.join(rootDir, staticDir, filename),(err, data) => {
            if (err) {
                res.end(info404);
                return ;
            }
            // 获取URL中文件的扩展名
            let ext = path.extname(req.url);
            // 设置响应类型的默认值
            let cType = "text/html";
            // 如果请求的文件格式存在就覆盖默认值
            // 不存在就是用默认值
            if (mime[ext]) {
                cType = mime[ext];
            }
            // 文本文件需要指定编码,图片不需要
            if (mime[ext].startsWith('text')) {
                cType += '; charset=utf8';
            }
            // 设置响应头信息
            res.writeHead(200, {
                'Content-Type' : cType
            })
            res.end(data);
        })
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容