miniframe-router：Express.JS 应用程序的路由器-js教程-PHP中文网

miniframe-router：Express.JS 应用程序的路由器

DDD

发布： 2025-01-02 13:10:42

原创

280 人浏览过

miniframe-router — Express.JS 应用程序的极简路由器，灵感来自 Ruby on Rails。这是我的制作方法。

miniframe-router: Router for Express.JS Applications

路由在简单应用程序中的外观示例。

// Root routes
root("index#home");

// Basic CRUD routes
get("/users", "users#index");
get("/users/:id", "users#show");
post("/users", "users#create");
post("/users/:id", "users#update");
post("/users/:id/destroy", "users#destroy");

// Posts routes with scope
scope("blog", () => {
  get("/posts", "posts#index");
  get("/posts/:id", "posts#show");
  post("/posts", "posts#create");
  post("/posts/:id", "posts#update");
  post("/posts/:id/destroy", "posts#destroy");
});

登录后复制

语境

我大约有 10 年没有编写 NodeJS 应用程序了。出于对 Telegram Mini Apps 的好奇，我决定构建一些简单的项目来探索这个新领域。

为此，我需要为我的应用程序后端进行路由。现有的解决方案并没有给我留下深刻的印象，因此我决定创建自己的路由器 - 简单、有效，并且受到 Ruby on Rails 的启发。这也是一个很好的机会来刷新我创建 NPM 包的知识，这是我 9 年来没有做过的事情。

设计

对路由器的期望：

路由在单独的文件中定义

这简化了应用程序结构并避免主应用程序文件混乱。

import {
  root,
  get,
  post,
  routeScope as scope,
  getRouter,
} from "miniframe-router";

// Root routes
root("index#home");

// Basic CRUD routes
get("/users", "users#index");
get("/users/:id", "users#show");
post("/users", "users#create");
post("/users/:id", "users#update");
post("/users/:id/destroy", "users#destroy");

// Posts routes with scope
scope("blog", () => {
  get("/posts", "posts#index");
  get("/posts/:id", "posts#show");
  post("/posts", "posts#create");
  post("/posts/:id", "posts#update");
  post("/posts/:id/destroy", "posts#destroy");
});

export default getRouter;

登录后复制

路由器集成到主 ExpressJS 文件中

简单有效的应用程序入口点：src/index.js 或 src/main.js。

import express from "express";
import getRouter from "./routes"; // <<< DEFINE ROUTES

const app = express();
app.use(express.json());
app.use(getRouter()); // <<< USER ROUTES

app.listen(3000, () => {
  console.log("Demo app is running on http://localhost:3000");
});

登录后复制

连接控制器时遵循的约定

控制器位于 src/controllers 目录中。

MyApp
└── src
    ├── controllers
    │   ├── blog
    │   │   └── postsController.ts
    │   ├── indexController.ts
    │   └── usersController.ts
    ├── index.ts
    └── routes
        └── index.ts

登录后复制

文件结构

路由在 src/routes/index.js 中定义。
控制器包含处理请求的逻辑：

示例：src/controllers/usersController.ts（或 .js）。

// Root routes
root("index#home");

// Basic CRUD routes
get("/users", "users#index");
get("/users/:id", "users#show");
post("/users", "users#create");
post("/users/:id", "users#update");
post("/users/:id/destroy", "users#destroy");

// Posts routes with scope
scope("blog", () => {
  get("/posts", "posts#index");
  get("/posts/:id", "posts#show");
  post("/posts", "posts#create");
  post("/posts/:id", "posts#update");
  post("/posts/:id/destroy", "posts#destroy");
});

登录后复制