创建服务器

2017-07-24 本文已影响0人悟空你又瘦了

一些命令

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);
        })
    }
}

创建服务器

猜你喜欢

热点阅读