04、NodeJS-文件操作&网络操作

2017-07-07 本文已影响75人 EndEvent

NodeJS: https://github.com/nodejs/node/ 在github中想要查找某个文件，按t;
例如: 在使用fs.createWriteStream时，文档中没有具体方法，就可以通过查看源码，通过源码找对应的构造函数看有哪些属性设置，查看原型有哪些方法可用；

npm中管理的包
$ npm ls // 该方式不方便查看(有太多子集)
$ npm ls --depth 0 // 即依赖子集为0
$ npm ls --depth 1 // 即依赖子集的第一层

nodemon:监视您的node.js应用程序的任何更改并自动重新启动服务器
$ npm install -g nodemon
$ nodemon xxx.js // 运行对应文件即可

一、文件监视

fs.watchFile(filename[, options], listener(curr,prev))

  //  { persistent: true, interval: 5007 }，即表示持续不断监视，时间间隔为5007毫秒
  options:{persistent,interval}

  const target = path.join(__dirname, process.argv[2]);
  fs.watchFile(target, (curr, prev)=>{
      console.log(`curr:${curr.size}; prev: ${prev.size}`);
});

fs.watch(filename[,options][,listener])
利用文件监视实现自动 markdown 文件转换
相关链接:
Markdown转换: https://github.com/chjj/marked
同步浏览器端: https://github.com/Browsersync/browser-sync

 思路：
 - 利用fs模块的文件监视功能监视指定MD文件
 - 当文件发生变化后，借助marked包提供的markdown to html功能将改变后的MD文件转换为HTML
 - 将得到的HTML替换到模版中(html = template.replace('{{content}}', html).replace('{{style}}', css);)
 - 利用BrowserSync模块实现浏览器自动刷新

 markdown的样式有很多可以选择，选取的不同，html结构也会有所不同。
关于github.css主体内容是包裹在div为.vs中：
<body>
    <div class='vs'>{{content}}</div>
</body>

  BrowserSync模块的使用
    1、$ npm install browser-sync // 安装browser-sync
    2、const browserSync = require("browser-sync");  // 导入模块
    3、通过browserSync创建一个文件服务器
    browserSync({
            server: path.dirname(target),  // 文件服务器的目录
            index:indexName // 在开启服务器之后会打开页面，该页面作为网站根目录
    });
    4、当文件修改后，刷新浏览器页面
    browserSync.reload(indexName);  // fileName是完整路径

添加完BrowserSync后，就会在对应目录创建并启动一个服务器，自动打开页面(或手动打开，命令行有提示)http://192.168.1.112:3000 此时是在根目录下，也可以具体访问某个文件http://192.168.1.112:3000/xxx.html

二、文件流

什么是流？

  - 流是程序输入或输出的一个连续的字节序列
  - 文件流、网络流
  - 设备(例如鼠标、键盘、磁盘、屏幕、调制解调器和打印机)的输入和输出都是用流来处理的

文件流

  - 文件流就是以面向对象的概念对文件数据进行的抽象
  - 文件流定义了一些对文件数据的操作方式

Node中的流操作
- fs.createReadStream() 可读流

  读取流常用 API
  Event：data、end、error
  Method: read([size])、pause()、isPause()、resume()、
setEncoding(encoding)、pipe(destination[, options])、unpipe([destination])

fs.createWriteStream() 可写流

  Event: error、pipe
  Method：write(chunk[, encoding][, callback])、end([chunk][, encoding][, callback])、setDefaultEncoding(encoding)

案例: 拷贝文件功能

fs-extra文件操作模块 可以是拷贝、删除、创建等操作

三、网络操作

NET模块
在Node中socket通信的一种实现

    let server = net.createServer( (socket) => {  // 当客户端链接时，即会触发
 
    // client有三个参数: 端口号、IPV4/IPV6、ip
    var client = socket.address();
    // 或直接通过socket.remoteAddress / socket.remotePort 访问到

    // 监听socket，网络流
    socket.on('data', (chunk)=>{

    });
  } );

  // 绑定IP, 监听2017端口
  const port = 2017;
  // server.listen(options[, callback])
  // options { host: '192.168.1.100', port: 80}
  server.listen(port, (err) => {
    
  });
  // 为了方便操作，命令行方式链接服务端(使用telnet操作): $ telnet 192.168.1.100 2017

  // 简便写法
  // port 端口号， host IP地址
  // net.createServer(socketConneted).listen(port,  host, (err) => { });
  net.createServer(socketConneted).listen({port:port, host: host}, (err) => { });
  function socketConneted(socket){ ... }

  // 创建链接
  const client = net.connect({port: '2017', host:'192.168.1.100'}, ()=>{
    console.log('链接服务器成功');
    client.write('hello ??');
});
  
  // 监听到数据
  client.on('data', (chunk) => {
    console.log('接收到数据：' + chunk.toString());
})

telnet

process.stdin.on('data', (chunk) => {
    // 转成string类型，并且去掉前后空白
    console.log(chunk.toString().trim());
});

案例：简易的聊天室

查看文档是net(http和http是高度封装的，net中更多了解socket通信是怎么的一个过程，如何的一个操作)

04、NodeJS-文件操作&网络操作

一、文件监视

二、文件流

三、网络操作

猜你喜欢

热点阅读