[学习笔记] Elpis-core 的学习过程理解笔记

本文基于抖音"哲玄前端", 《全栈实践课》,引擎内核实现章节所写。

elpis-core

elpis-core是基于Koa实现的一个类似于Egg的轻量级的服务端框,包括routerLoaderrouterSchemaLoadermiddlewareLoadercontrollerLoaderserviceLoaderextendLoaderconfigLoader。目录如下

arduino 复制代码
├─ app
│  ├─ controller
│  ├─ extend
│  ├─ middleware
│  │  ├─ api-params-verify.js
│  │  ├─ api-sign-verify.js
│  │  ├─ error-handler.js
│  ├─ public
│  ├─ router
│  ├─ router-schema
│  ├─ service
│  ├─ middleware.js
├─ config
├─ eggjs-core
│  └─ loader
│     ├─ config.js
│     ├─ controller.js
│     ├─ extend.js
│     ├─ middleware.js
│     ├─ router-schema.js
│     ├─ router.js
│     └─ service.js
│  ├─ env.js
│  ├─ index.js
├─ index.js

config

该目录下通过读取 <math xmlns="http://www.w3.org/1998/Math/MathML"> env.js \color{#FF4500}\textup{env.js} </math>env.js 根据运行的环境去加载如下对应的配置文件: <math xmlns="http://www.w3.org/1998/Math/MathML"> config.local.js(本地) \color{#FF4500}\textup{config.local.js(本地)} </math>config.local.js(本地)、 <math xmlns="http://www.w3.org/1998/Math/MathML"> config.beta.js(测试) \color{#FF4500}\textup{config.beta.js(测试)} </math>config.beta.js(测试)、 <math xmlns="http://www.w3.org/1998/Math/MathML"> config.prod.js(生产) \color{#FF4500}\textup{config.prod.js(生产)} </math>config.prod.js(生产)

js 复制代码
    let envConfig = {}
    try {
        if (app.env.isLocal()) { // 本地
            envConfig = require(path.resolve(configPath, `.${sep}config.local.js`));
        } else if (app.env.isBeta()) { // 测试环境
            envConfig = require(path.resolve(configPath, `.${sep}config.beta.js`));
        } else if (app.env.isProduction()) { // 生产环境
            envConfig = require(path.resolve(configPath, `.${sep}config.production.js`));
        }
    } catch(e) {
        console.log('[exception] there is no default.config file');     
    }

service/middleware/controller

同为加载app下相对应的所有文件,并挂载到app.对应的目录下

js 复制代码
module.exports = (app) => {
    // 读取 app/xxx/**/**.js 下所有的文件
    const xxxPath = path.resolve(app.businessPath, `.${sep}xxx`);
    const fileList = glob.sync(path.resolve(xxxPath, `.${sep}**${sep}**.js`))

    // 遍历所有文件目录,把内容加载到 app.xxx 下
    const service = {}
    fileList.forEach(file => {
        // 提取文件名称
        let name = path.resolve(file);
        // 截取路径 app/xxx/custom-module/custom-xxx.js => custom-module/custom-xxx
        name = name.substring(name.lastIndexOf(`xxx${sep}`) + `xxx${sep}`.length, name.lastIndexOf('.'));

        // 把 '-' 统一改成驼峰式,custom-module/custom-xxx => customModule.customxxx
        name = name.replace(/[_-][a-z]/ig, (s) => s.substring(1).toUpperCase());

        // 挂载 xxx 到内存 app 对象中
        let tempService = service;
        const names = name.split(sep); // [ customModule(目录), customService(文件) ]
        for(let i = 0, len = names.length; i < len; ++i) {
            if(i === len - 1) { // 文件
                const xxxMoule = require(path.resolve(file))(app);
                tempxxx[names[i]] = new xxxMoule();
            } else { // 文件夹
                if (!tempxxx[names[i]]) {
                    tempxxx[names[i]] = {};
                }
                tempxxx = tempxxx[names[i]];
            }
        }
    });
    app.xxx = xxx;
}

router-schema

通过 'json-schema & ajv' 对 API 规则进行约束,配合 app-params-verify 中间件使用形成如下结构

js 复制代码
   {
     '${api1}': ${jsonSchema},
     '${api2}': ${jsonSchema},
     '${api3}': ${jsonSchema},
     '${api4}': ${jsonSchema},
   }

router

解析所有 app/router/ 下所有 js 文件,加载到 KoaRouter 下且路由兜底 (健壮性)(当前路由不存在时,临时重定向到指定菜单的同时返回状态码302)

extend

该目录下放置扩展文件,主要为 Koa 实例扩展额外的功能,如: 日志文件(方便日常更加便利的寻找对应的错误)

总结

目前初次接触Nodejs、Koa中间件等内容,对elpis-core的理解浅薄。上诉如有错误望各位大佬们指点一二。

相关推荐
织_网22 分钟前
Electron 核心 API 全解析:从基础到实战场景
前端·javascript·electron
vvilkim34 分钟前
深入理解 Spring Boot Starter:简化依赖管理与自动配置的利器
java·前端·spring boot
艾小码40 分钟前
前端安全防护手册:对抗XSS、CSRF、点击劫持等攻击
前端·安全·xss
2401_837088501 小时前
setup 语法糖核心要点
开发语言·前端·javascript
用户3379044802172 小时前
HTML5语义化标签详解
前端
唐某人丶2 小时前
教你如何用 JS 实现一个 Agent 系统(1)—— 认识 Agentic System
前端·人工智能
丘山子2 小时前
分享链接格式不统一,rel="share-url" 提案试图解决这个问题
前端·面试·html
JustHappy2 小时前
「Versakit攻略」🔥Pnpm+Monorepo+Changesets搭建通用组件库项目和发包流程
前端·javascript·vue.js
紫金龙腾3 小时前
EDGE 、chrome、浏览器显示“由你的组织管理”
前端·chrome·edge
用户66197734585753 小时前
Vue3笔记
前端·vue.js