NodeJS开发博客(一)

1 区分 ECMAScript/JS/NodeJs

--ECMAScript。定义了语法，写JS和NodeJS都要遵守；

变量定义，循环/判断/函数；

原型和原形链/作用域和闭包/异步

不能操作DOM 不能监听click事件，不能发送ajax请求，不能处理http请求，不能操作文件。

总之，只有ECMAScript 几乎做不了任何实际项目。

-- JS 。使用了 ECMAScript 语法规范，外加 WebAPI 缺一不可。

包含DOM操作 BOM操作 事件绑定 AJAX等

两个结合在能完成浏览器端的操作。

--NodeJS 。 使用了 ECMAScript 语法规范，外加 nodeJS API 缺一不可。

处理http，处理文件等

两者结合，可以完成server端的操作。

 

2 一个简单get示例

 

 

const http = require('http');
const querystring = require('querystring'); //nodejs 自带的模块
const server = http.createServer((req,res)=>{
    console.log(req.method);  //GET 大写
    const url = req.url;
    //querystring的作用是把url中的 name=lihua 改成对象的格式
    req.query = querystring.parse(url.split('?')[1]);
    console.log(JSON.stringify(req.query));
    res.end(
        //再转成 JSON 格式
        JSON.stringify(req.query)
    )
})
server.listen(8000);
console.log('ok');

 

3. 一个简单的 post 请求示例

const http = require('http');
const server = http.createServer((req,res)=>{
    if(req.method === 'POST'){
        //数据格式
        console.log('content-type',req.headers['content-type']);
        //接受数据
        let postData = "";
        req.on('data',chunk => {//post请求 监听数据 类似与水管 数据流的传输
            postData += chunk.toString();
        })
        req.on('end',()=>{
            console.log(postData);
            res.end('hello world'); //在这里返回，因为是异步
        })
    }
})
server.listen(8000);
console.log('ok');

使用postman请求post接口：

 

4. 综合示例

const http = require('http');
const querystring = require('querystring');

const server = http.createServer((req,res)=>{
    const method = req.method;
    const url = req.url;
    const path = url.split('?')[0];
    const query = querystring.parse(url.split('?')[1]);
    //设置返回格式是 JSON
    res.setHeader('Content-type','application/json');

    //返回的数据
    const resData = {
        method,
        url,
        path,
        query
    }
    //返回
    if(method === 'GET'){
        res.end(//返回的是json字符串
            JSON.stringify(resData)
        )
    }else if(method === 'POST'){
        //接受数据
        let postData = "";
        req.on('data',chunk => {//post请求 监听数据 类似与水管 数据流的传输
            postData += chunk.toString();
        })
        req.on('end',()=>{
            resData.postData = postData;
            res.end(
                JSON.stringify(resData)
            ); //在这里返回，因为是异步
        })
    }
})
server.listen(8000);
console.log('ok');

 5 使用nodemon 检测文件变化，自动重启服务器。

 6 promise的使用

先编辑三个js文件 ：a.js，b.js ，c.js

 

//a.js
{
    "next":'a.json',
    "msg":"this is ba"
}
//b.js
{
    "next":'b.json',
    "msg":"this is b"
}
//c.js
{
    "next":null,
    "msg":"this is c"
}

 

对应的index文件：

const fs = require('fs');
const path = require('path');
function getFileContent(fileName,callback){
    const fullFileName = path.resolve(__dirname,'files',fileName);
    false.readFile(fullFileName,(err,data)=>{
        if(err){
            console.error(err);
            return;
        }
        callback(
            JSON.parse(data.toString())
        )
    })
}

//测试 callback-hell
getFileContent('a.json',aData=>{
    console.log('a data',aData);
    getFileContent(aData.next,bData=>{
        console.log('b data',bData);
        getFileContent(bData.next,cData=>{
            console.log('c data',cData);
        })
    })
})

//使用 promise函数，编写代码，成功执行 resolve，失败执行 reject

function getFileContent(fileName){
    const promise = new Promise((resolve,reject)=>{
        const fullFileName = path.resolve(__dirname,'file',fileName)
        fs.readFile(fullFileName,(err,data) => {
            if(err){
                reject(err)
                return
            }
            resolve(
                JSON.parse(data.toString())
            )
        })
    })
　　return promise;
}
//使用 promise
getFileContent('a.json').then((aData)=>{
    console.log('a data',aData);
    return getFileContent(aData.next);
}).then((bData)=>{
    console.log('b data',bData);
    return getFileContent(bData.next);
}).then((bData)=>{
    console.log('c data',cData);
})

 

=================================

7. 搭建初始环境

对上面4的代码进行了划分：

文件的目录结构如下：

其中 bin/www.js 文件只是设置最基本的http代码：

//基本技术
const http = require('http');
const PROT = 8000;
const serverHandle = require('../app');
const server = http.createServer(serverHandle);
server.listen(PROT)

其中 serverHandle文件相当于 createrServer的回调函数，获取于 app.js：

// 业务代码
const serverHandle = (req,res) =>{
    res.setHeader('Content-type','application/json')
    const resData = {
        name:'lihua',
        age:12,
        env:process.env.NODE_ENV
    }
    res.end(
        JSON.stringify(resData)
    )
}
module.exports = serverHandle

安装  cross-env 和  nodemon 后，package.json文件为：

{
  "scripts": {
    "dev": "cross-env NODE_ENV=dev nodemon ./bin/www.js",
    "prod": "cross-env NODE_ENV=production nodemon ./bin/www.js"
  }  
}

执行 npm run dev 即可运行；

 分析需求 有下面几个接口：