node学习(二)

ゝ一世哀愁。 2022-11-19 12:46 120阅读 0赞

故心故心故心故心小故冲啊

--------------------

### 文章目录 ###

*  1.框架思想 ----拆开
 *  2.导入导出模块方式
 *  3.支持es6模块化
 *  4.跨域问题
 *  5.写一个跨域处理

--------------------

# 1.框架思想 ----拆开 #

进行以下拆分

*  config>myexpress.js (框架) (导出框架模块)
 *  server.js( node server.js 启动服务)
 *  app >utils >logger.js

在config/myexpress.js =>下面导出框架模块

//require---node
    var express = require("express");
    //用于http请求中body的解析
    var bodyParser = require("body-parser");
    var util = require("util");
    
    export default function() { 
        var app = express();
    
        //暴露app.listen 把监听方法延迟执行
        app.listenAsync = util.promisify(app.listen);
    
        //跨域 js进阶(node nginx webpack) cors 中间件 拦截器
        app.use(function(req,res,next){ 
            //http请求的来源
            res.setHeader('Access-Control-Allow-Orgin', '*');
            //http请求的方法 get put post delete
            res.setHeader('Access-Control-Allow-Methods','*');
            //http请求的头 token jwt cookie
            res.setHeader('Access-Control-Allow-Headers',"*");
            next();
        })
    
        //配置bodyparser 固定写法
        app.use(bodyParser.json());//用来解析前端发的json数据
        app.use(bodyParser.urlencoded({ extended: true}))//用来解析前端发的表单数据
        
        //定义get接口 req--请求 res--响应
        app.get("/", function(req,res){ 
            //返回字符串给浏览器
            res.status(200).send("hello");  //res.json
        })
        app.get("/json", function(req,res){ 
            //返回字符串给浏览器
            console.log(req.query)
            var obj = { name: "jack"}
            res.status(200).json(obj);  //res.json
        })
        
        // post put delete 参数 json formdata 看前面的数据交互(js进阶)
        // app.listen(port, function(){ 
        // console.log("服务已启动，端口"+port)
        // })
        return app;
    }

在server.js

//导入myexpress模块
    // const express = require("./config/myexpress")
    import express from './config/myexpress'
    
    //logger 这里是导入的是日志模块
    import logger from './app/utils/logger'
    
    const server = express();
    const port = 3300;
    
    server.listenAsync(port).then(function(){ 
        logger.info("服务已启动，端口"+port)
        logger.warn("服务已启动，端口"+port)
        logger.error("服务已启动，端口"+port)
    })

日志模块 需要cnpm i -S winston 安装  
app >utils >logger.js

const { createLogger, format, transports} = require('winston');
    
    const myFormat = format.printf(log => { 
        //日志的格式输出
        return `${ log.timestamp} ${ log.level}: ${ log.message}`;
    })
    
    // 日志输出级别： info<warn<error
    const logger = createLogger({ 
        level: 'info', 
        format: format.combine(
            format.timestamp({ format: 'YYYY-MM-DD HH:mm:ss'}),
            myFormat
        ),
        transports: [ //输出日志的地方
            new transports.Console(),
            new transports.File({ filename: './logs/applog.log'})
        ]
    })
    
    export default logger

# 2.导入导出模块方式 #

es6 export import  
node module.exports require  
导入导出模块=>把业务 框架模块化 最大化复用

# 3.支持es6模块化 #

babel-cli 包括babel-node  
需要安装:cnpm i -S babel-cli babel-preset-env babel-plugin-add-module-exports  
并且还需要配置.babelrc 不然报错

**.babelrc**

{ 
        "presets": ["env"],
        "plugins": ["add-module-exports"]
    }

# 4.跨域问题 #

cors 后端处理 √  
nginx 中间代理 √  
webpack proxy 中间代理 仅限开发使用 打包后无效  
[跨域处理详情][Link 1]

# 5.写一个跨域处理 #

app.use(function(req,res,next)){ 
      //http请求的来源
     res.setHeader('Access-Control-Allow-Orgin','*')
     //http请求的方法
     res.setHeader('Access-Control-Allow-Methods','*')
     //http请求的头
     res.setHeader('Access-Control-Allow-Header','*')
    }

[Link 1]: https://blog.csdn.net/qq_41555854/article/details/109290115