从零搭建我的博客网站(一)-自动加载 Koa 路由

• 框架选择
• 后端项目搭建
  • 添加依赖
• 新建项目入口文件 app.js
• 使用 require-directory 自动加载路由
  • 基本语法
  • 自动加载 Koa 路由
• 使用 nodemon 启动调试

其实好久以前就想作一个我的博客网站,服务器域名也很早就买好了。我的就是不知道为啥一直没下定决心干起来,此次由于疫情滞留在家里(湖北。。。),从新燃起了这个目标.很少BB,直接开干。

框架选择

在这方面我犹豫了好久，去年学了一下 JAVA-SpringBoot，而后在想要不要继续深刻下,就用 JAVA-SpringBoot+ react/Vue 。又想，就几个页面要不网上直接下个模板 就用原生 + Jquer 干得了。最后敲定下来 , 前端 React SSR 服务端 Node.Js + Koa。

后端项目搭建

npm init 
复制代码

添加依赖

npm install koa koa-bodyparser koa-static 
复制代码

新建项目入口文件 app.js

const koa = require('koa')
var router = require('koa-router')();
const parser = require('koa-bodyparser')

const app = new koa()

app.use(parser())
router.get('/',async (ctx)=>{
    ctx.body="hello node";
})
 
app.use(router.routes()); 
app.on('error', (err, ctx) => {
    console.log('捕获到了!', err.message);
});

app.listen(8080)
复制代码

而后在浏览器访问 - http://localhost:8080/

显示 hello node , Ok,一个简单的 Node 服务启动了.

使用 require-directory 自动加载路由

使用 require-directory 库能够加载指定文件夹下的全部模块，而不须要每次都使用 require() 来加载
复制代码

添加 require-directory 依赖

npm install require-directory
复制代码

基本语法

require-directory 能够指定文件夹也能够不指定，文件夹嵌套也没事。不指定，默认是 __dirname ，即当前模块的目录名(绝对路径)，咱们这里采用 process.cwd()

有人会问 __dirname 和 process.cwd() 的区别

process.cwd() 是当前执行node命令时候的文件夹地址 ——工做目录，保证了文件在不一样的目录下执行时，路径始终不变

__dirname 是被执行的js 文件的地址 ——文件所在目录

假如 app 目录下有 home.js 和 user 目录，user 目录下还有 login.js 和 logout.js 文件

const requireDirectory = require("require-directory");
const modules = requireDirectory(module, `${process.cwd()}/app`);

复制代码

modules结果至关于

const modules = {
    home: require("./app/home.js"),
    auth: {
        login: require("./app/user/login.js"),
        logout: require("./app/user/logout.js")
    }
}
复制代码

知道了这个概念咱们下面就好操做了.

自动加载 Koa 路由

const koa = require('koa')
const requireDirectory = require('require-directory')
const Router = require('koa-router')

const app = new koa()

const apiDirectory = `${process.cwd()}/app/api`
requireDirectory(module, apiDirectory, { visit: whenLoadModule })

function whenModuleLoad(obj) {
    if (obj instanceof Router) {
        InitManager.app.use(obj.routes());
    } else if (typeof obj === "object") {
        // 兼容 module.exports 导出对象的写法
        for (let k in obj) {
            if (obj[k] instanceof Router) {
                InitManager.app.use(obj[k].routes());
            }
        }
    }
}
复制代码

咱们在 api 目录下新建 test.js 和 user目录, 在 user 目录下新建 login.js 和 logout.js 文件

const Router = require("koa-router");

const router = new Router()

router.get('/test', async (ctx, next) => {
    ctx.body = "usertest"
})

module.exports = router
复制代码

咱们试试 导出对象的写法

const Router = require("koa-router");

const router = new Router({
    prefix:'/user'
})

router.get('/login', async (ctx, next) => {
    ctx.body = "login"
})

module.exports = {
    router
}
复制代码

使用 nodemon 启动调试

nodemon 用来监视node.js应用程序中的任何更改并自动重启服务,不须要咱们每次改了代码手动重启。

全局安装 nodemon

npm install nodemon -g 
复制代码

启动 app.js

nodemon app.js
复制代码

ok , 如今咱们依次访问浏览器路由

发现咱们的路由所有都是自动加载了