Node.js概况

这篇博客介绍了Node.js的基础知识,包括其作为服务器端JavaScript的用途、创建服务器接口、模块系统、文件系统和路径模块。此外,还详细讲解了npm的使用,并探讨了ES6的class和Koa框架,提供了Koa的简单应用实例,包括自动重启、路由设置、跨域配置以及中间件的使用。
摘要由CSDN通过智能技术生成
目录
  1. nodejs是什么

  2. 使用nodejs创建一个服务器(接口)

  3. nodejs的模块系统

  4. nodejs文件系统

  5. 路径模块path

  6. npm相关

  7. es6 class

  8. nodejs的koa框架

    1. koa框架以及其他的nodejs框架
    2. 创建第一个koa服务 hello word
    3. 服务器自动重新部署
    4. koa路由
    5. koa跨域设置
    6. koa中间件
  9. ql框架

(一) nodejs是什么
  1. 运行在服务器的JavaScript代码
  2. 可以写服务接口
  3. nodejs可以操作本地文件
(二) 使用nodejs创建一个服务器(接口)

app.js 代码如下

var http = require('http');
http.createServer(function (request, response) {

    // 发送 HTTP 头部 
    // HTTP 状态值: 200 : OK
    // 内容类型: text/plain
    response.writeHead(200, {
        'Content-Type': 'text/plain'
    });

    response.end('Hello World');
}).listen(8888);

// 终端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');

运行 nodejs app.js启动服务

(三) nodejs的模块系统

导出模块和导入模块

  • 导出用module.exports

  • 导入用require

    例子1: 导出一个数组

    // m1.js
    module.exports = [];
    
    // index1.js
    let list = require('./m1');
    console.log(list);
    

    运行index1.js

    node index1.js
    

    例子2: 导出一个函数

    // m2.js
    function add(a,b) {
        return a+b;
    }
    module.exports = add;
    
    // index2.js
    let add = require('./m2');
    let sum = add(100, 200);
    console.log('sum', sum);
    

    运行index2.js

    node index2.js
    

    例子3: 导出一个对象

    // m3.js
    var username = '张三';
    var age = 100;
    
    function say() {
        console.log('我是' + username);
    }
    
    module.exports = {
        username,
        age,
        say
    }
    
    // index3.js
    let obj = require('./m3');
    console.log('用户名', obj.username);
    
    obj.say();
    

    运行index3.js

    node index3.js
    
(四) nodejs文件系统
  1. 读取文件

    // 例子1 异步读取
    新建input.txt文件,内容随意
    
    // index1.js
    var fs = require("fs");
    
    console.log(1);
    // 异步读取
    fs.readFile('input.txt', function (err, data) {
        console.log(2);
        if (err) {
            return console.error(err);
        }
        console.log("异步读取: " + data.toString());
    });
    console.log(3);
    
    // 例子2
    var fs = require('fs');
    // 同步读取
    var data = fs.readFileSync('input.txt');
    console.log("同步读取: " + data.toString());
    console.log("程序执行完毕。");
    
  2. 写入文件

    // 例子1 异步写入
    var fs = require("fs");
    
    console.log("准备写入文件");
    var str = '困难是我们的食物';
    
    fs.writeFile('data.txt', str, function (err) {
        if (err) {
            return console.error(err);
        }
        console.log('文件写入成功')
    });
    
    // 例子2 同步读取
    var fs = require("fs");
    var str = '困难是我们的食物';
    fs.writeFileSync2('data.txt', str);
    console.log('文件写入成功');
    
    // 添加trycatch可以捕捉写入过程中发生的错误
    try {
        fs.writeFileSync2('data.txt', str);
        console.log('文件写入成功');
    } catch (error) {
        console.log('错误信息', error);
    }
    
(五) 路径模块path

1.path.join() 路径连接,能够起到兼容作用,以下两个打印的结果都是 '\nodejs\dist';

let path = require('path');

let str1 = path.join('/nodejs','dist');  
console.log(str1);  

let str2 = path.join('\\nodejs','dist');
console.log(str2);  
  1. path.resolve() 把路径变成绝对路径

    let path = require('path')
    let str1 = path.resolve('nodejs', 'dist');
    console.log('str1', str1);
    
    let str2 = path.join('\\nodejs', 'dist');
    console.log('str2', str2);
    
  2. __dirname

    let path = require('path');
    console.log(__dirname);  // 显示当前目录
    let str = path.resolve(__dirname, 'dist');
    console.log('str', str);
    
(六) npm相关
目录
  1. npm是什么

    • npm是nodejs模块(包)管理工具
    • 模块存放网站 https://www.npmjs.com/
  2. npm常用操作

    1. 初始化package.json

      npm init   // 或
      npm init -y
      
    2. 安装一个nodejs模块

      npm i xxx    // 记录在 dependencies
      npm i xxx -S  // 同上
      npm i xxx --save-dev  //  记录devDependencies
      npm i xxx -D   // 同上
      
      npm i xxx -g    // 全局
      
      npm i // 当我们把node_modules删掉,使用npm i 可以把所有依赖都安装回来
      
    3. 更新nodejs模块

      npm update xxx   
      
    4. 删除nodejs模块

      npm uninstall xxx
      
    5. 运行指令

      npm run xxx
      
(七) class
  1. 定义一个"人类"

    class Person {
        // 构造器(构造方法)
        constructor(name, age, sex) {
            this.name = name;
            this.age = age;
            this.sex = sex;
        }
    
        // 定义一个方法
        writeCode() {
            console.log(this.name + '会写代码');
        }
    
        say() {
            console.log('他的名字是:', this.name);
        }
    }
    
    let p = new Person('尤雨溪', 28, '男');
    console.log('p', p);  // 打印实例对象
    p.say();   // 调用实例的say方法
    p.writeCode();  // 调用实例的writeCode方法
    
  2. 继承

    // 男人类继承人类
    class Man extends Person {
        constructor(name, age, sex) {
            // 调用父类的构造器(构造方法)
            super(name, age, sex);
            this.haveBeard = true;
        }
    }
    
    let man = new Man('陈灿', 18, '男');
    console.log(man);
    man.say();
    man.writeCode();
    
(八) nodejs的koa框架

文档地址:
https://koa.bootcss.com/

https://www.npmjs.com/package/koa

  1. koa框架以及其他的nodejs框架
    • express.js框架和koa.js框架是同一个团队做的
    • egg.js阿里
    • hapi.js
  2. hello world
    • 初始化package.json
    • 安装
    npm i koa
    
    • 创建app.js,代码如下

      // 导入koa框架
      const Koa = require('koa');
      // 创建实例
      const app = new Koa();
       
      // ctx上下文,use里的函数成为中间件(插件)
      app.use(ctx => {
        // ctx.body用来给前端返回数据
        ctx.body = 'Hello Koa';
      });
       
      app.listen(3000);
      
    • 启动服务

      node app.js
      
    1. 服务器自动重启
      • 全局安装nodemon模块

        npm i nodemon -g
        
      • 启动项目的时候,使用

        nodemon app.js 代替 node app.js
        
    2. koa路由
      1. 安装

        npm install koa-router
        
      2. app.js的代码如下

        const Koa = require('koa');
        const Router = require('koa-router');
        
        const app = new Koa();
        const router = new Router();
        
        // 增加
        router.all('/city/add', (ctx, next) => {
            ctx.body = '添加城市';
        });
        router.all('/city/getList', (ctx, next) => {
            ctx.body = '城市列表';
        });
        router.all('/city/update', (ctx, next) => {
            ctx.body = '更新城市';
        });
        router.all('/city/del', (ctx, next) => {
            ctx.body = '删除城市';
        });
        // 使用之后路由才生效
        app.use(router.routes());
        
        app.listen(3000, () => {
            console.log('服务已启动,在 http://localhost:3000')
        });
        
      3. 运行

        nodemon app.js
        
    3. 跨域

      在app.js里添加下面这句话,即可进行简单的跨域设置

      app.use((ctx, next) => {
        ctx.set("Access-Control-Allow-Origin", "*");
        ctx.set("Access-Control-Allow-Methods", "PUT, POST, GET, DELETE, OPTIONS");
        // 请求头设置
        ctx.set(
          "Access-Control-Allow-Headers",
          `Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild,x-token,sessionToken,token`
        );
        if (ctx.method == "OPTIONS") {
          ctx.body = 200;
        } else {
          next();
        }
      })
      
    4. 中间件
      • 中间件从上到下执行
      • 需要调用next() 去执行下一个中间件
      // 中间件(插件) 
      app.use((ctx, next) => {
          ctx.username = 'lao hu';
          console.log(1);
          next();
      })
      app.use((ctx, next) => {
          console.log(2);
          console.log(ctx.username);
          next();
      })
      app.use((ctx, next) => {
          console.log(3);
          next();
      })
      
      7. 获取请求参数
      1. 获取get请求参数

        // 前端get请求传过来的参数,放在ctx.request.query对象内
        (ctx, next) => {
            // let name = ctx.request.query.name;
            // let isHot = ctx.request.query.isHot;
            // 或者使用解构的方式来取
            let {name,isHot} = ctx.request.query;
         }
        
      2. 获取post请求参数

       * 安装koa-body
      
         ```
         npm i koa-body
         ```
      
       * 在app.js添加以下代码
      
         ```
         const koaBody = require('koa-body');
         app.use(koaBody());  // 请放在跨域的代码前
         ```
      
       * 获取post请求参数
      
         ```
          // 前端post请求传过来的参数,全部放入ctx.request.body对象里
          let {
                 pageNum
             } = ctx.request.body;
             console.log('pageNum', pageNum);
         ```
      
       *  为了方便获取参数,可以自定义一个中间件
      
         ```
         // 兼容get和post请求的中间件
         app.use((ctx, next) => {
           ctx.params = {
            	...ctx.request.query,
         	...ctx.request.body
          }
          next();
         }) 
         ```
      
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值