Node/Tip/Record

created At : 2020/11/30

updated At : 2020/11/30


目录

  • 如果想使用服务端传html设置header头res.setHeader('Content-Type','text/html;charset=utf-8');

即可

  • 一个服务端传输cookie的例子

./index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    Cookie demo
    <script>
        fetch('http://127.0.0.1:3000/givemeacookie').then(res=>{
            
            return res.json()
           
        }).then(data=>{
            console.log(data)
            const cookies=document.cookie;
            console.log('cookies',cookies)
        }).catch(err=>{
            console.log('err',err)
        })
    </script>
</body>
</html>

nodejs

const http=require('http');
const url=require('url');
const util=require('util');
const fs=require('fs')
const server=http.createServer((req,res)=>{
   
    const {pathname}=url.parse(req.url,true);
   
    if(pathname==='/givemeacookie'){
        res.statusCode=200;
        res.setHeader('Content-Type','application/json;charset=utf-8');
        res.setHeader('Access-Control-Allow-Origin','*');
        console.log('receive request and make a cookie now!');
        res.setHeader('set-cookie','key1=va1');
        res.end(JSON.stringify({result:'ok'}))
    }
    else{
        res.statusCode=200;
        res.setHeader('Content-Type','text/html;charset=utf-8');
        let content=fs.readFileSync('./index.html')
        res.end(content)
    }

})
server.listen(3000,'127.0.0.1',()=>{
    console.log(`Server running on 3000`)
})

服务端与客户端必须同源HOST 同端口！

Node

Process.argv

[
  'C:\\Program Files\\nodejs\\node.exe',
  'C:\\Users\\lightyisu\\Desktop\\temp\\node-7day\\index.js'
]

process是一个全局变量，可通过process.argv获得命令行参数。由于argv[0]固定等于NodeJS执行程序的绝对路径，argv[1]固定等于主模块的绝对路径，因此第一个命令行参数从argv[2]这个位置开始。

一个简单的Node.js/CopyFiles功能模块

//index.js
//The Copy Process
const fs=require('fs');
function copyFile(src,des){
    fs.writeFileSync(des,fs.readFileSync(src,'utf-8'))
}
const argv=process.argv.slice(2);
copyFile(argv[0],argv[1]);
console.log('File Copied');

使用:

node index.js ./m1.js ./mm.js
With Stream
减少一次大量内存占用
//The Stream of Copy Process
const fs=require('fs');
function copy(src,dst){
    fs.createReadStream(src).pipe(fs.createWriteStream(dst))
}
const argv=process.argv.slice(2);
copy(argv[0],argv[1]);
console.log('File Copied with Stream');

注:有时要表示一个很大的数字，比如255，如果要用二进制表示，就是8个1，即11111111，而如果用十六进制表示就是0xff，对于越大的数，用十六进制来表示相对二进制就更加显得简洁。 那为什么不用十进制呢？因为二进制数是计算机语言，而十六进制 16是2的4次方，这样系统在转换数制时会更加快捷。

Node/Server_case

简单的Node.js case案例

功能:通过服务器进行同类文件合并Combine

实现方式：通过nodejs启用服务器获取Request请求中的URL获得需要合并的文件位置

将文件合并发送给RESPONSE

index.js

const fs=require('fs');
const path=require('path');
const http=require('http');

const MIME={
    '.css':'text/css',
    '.js':'application/javascript'
}

const combineFiles=(pathnames,cb)=>{
    var output=[];
    (function next(i,len){
        if(i<len){
            fs.readFile(pathnames[i],(err,data)=>{
                if(err){
                    cb(err)
                }
                else{
                    output.push(data);
                    next(i+1,len)
                }
            })
        }else{
            cb(null,Buffer.concat(output))
        }
    }(0,pathnames.length))
}
const main=(argv)=>{
    //读取配置文件
    var config=JSON.parse(fs.readFileSync(argv[0],'utf-8')),
        root=config.root||'.',
        port=config.port||80;
    
    http.createServer((req,res)=>{
        var urlInfo=parseUrl(root,req.url);
        combineFiles(urlInfo.pathnames,(err,data)=>{
            if(err){
                res.writeHead(404);
                res.end(err.message);
            }
            else{
                res.writeHead(200,{
                    'Content-Type':urlInfo.mime
                });
                res.end(data)
            }
        })

    }).listen(port)
    console.log('Server port running on'+port)
}
const parseUrl=(root,url)=>{
    var base,pathnames,parts;
    if(url.indexOf('??')===-1){
        url=url.replace('/','/??');
    }
    parts=url.split('??');
    base=parts[0];
    
    pathnames=parts[1].split(',').map((val)=>{
        return path.join(root,base,val)
    })
    console.log('root:'+root+' base:'+base)
    return {
        mime:MIME[path.extname(pathnames[0])]||'text/plain',
        pathnames
    }
}
main(process.argv.slice(2));

config.json

{
    "root":".",
    "port":"7070"
}

使用方式:

node index.js config.json

请求URL:http://localhost:7070/??client.js,index.js

req.url:/??client.js,index.js

root:.

base:/

v2

使用流边读边写版

const fs=require('fs');
const path=require('path');
const http=require('http');

const MIME={
    '.css':'text/css',
    '.js':'application/javascript'
}

const main=(argv)=>{
    var config=JSON.parse(fs.readFileSync(argv[0],'utf-8'));
    var port=config.port||8080;
    var root=config.root||'.';
    http.createServer((req,res)=>{
        var urlInfo=parseUrl(root,req.url);
        validataFiles(urlInfo.pathnames,(err,pathnames)=>{
            if(err){
                res.writeHead(404);
                res.end(err.message)
            }else{
                res.writeHead(200,{
                    'Content-Type':urlInfo.mime
                })
                outputFiles(pathnames,res)
            }
        })

    }).listen(port)
    console.log('Server running on the stream port')
}
const outputFiles=(pathnames,writer)=>{
    (function next(i,len){
        if(i<len){
            var reader=fs.createReadStream(pathnames[i]);
            reader.pipe(writer,{end:false});
            reader.on('end',()=>{
                next(i+1,len)
            })
            
        }else{
            console.log('Successful invoke this')
            writer.end();
        }
    })(0,pathnames.length)
}
const validataFiles=(pathnames,cb)=>{
    (function next(i,len){
        if(i<len){
            fs.stat(pathnames[i],(err,stats)=>{
                if(err){
                    cb(err);
                }else if(!stats.isFile()){
                    cb(new Error())
                }else{
                    next(i+1,len)
                }
            })
        }else{
            cb(null,pathnames)
        }
    })(0,pathnames.length)
}
const parseUrl=(root,url)=>{
    var base,pathnames,parts;
    if(url.indexOf('??')===-1){
        url=url.replace('/','/??');
    }
    parts=url.split('??');
    base=parts[0];
    
    pathnames=parts[1].split(',').map((val)=>{
        return path.join(root,base,val)
    })
    console.log('root:'+root+' base:'+base)
    return {
        mime:MIME[path.extname(pathnames[0])]||'text/plain',
        pathnames
    }
}
main(process.argv.slice(2));