Angular Universal执行后端函数：需扩展server.ts还是有其他方案？

核心结论：仍需基于Express扩展，但有更简洁的现代实践 #

目前Angular Universal本身没有提供直接替代Express API路由的Angular风格组件/服务来运行后端函数，核心还是依托Express（或其他Node.js服务器框架）处理后端逻辑，但现在有比四年前示例更简洁的写法，无需照搬旧模式。

具体实现方案 #

1. 扩展server.ts的模块化写法

你可以直接在server.ts中添加API路由，但建议把路由逻辑抽离到单独文件，避免server.ts臃肿：

• 新建src/api/routes.ts文件定义路由逻辑：

import { Router } from 'express';

const apiRouter = Router();

// 示例GET接口
apiRouter.get('/items', (req, res) => {
  res.json({ data: ['item1', 'item2'] });
});

// 示例POST接口
apiRouter.post('/submit', (req, res) => {
  const payload = req.body;
  // 执行后端逻辑（如数据库操作）
  res.status(200).json({ success: true, data: payload });
});

export default apiRouter;

• 在server.ts中引入并挂载路由：

// 导入新增的路由文件
import apiRouter from './src/api/routes';

export function app(): express.Express {
  const server = express();
  // 新增：解析JSON请求体
  server.use(express.json());
  
  // ... 原有代码 ...
  
  // 挂载API路由
  server.use('/api', apiRouter);
  
  // ... 原有代码 ...
}

2. SSR期间直接调用后端逻辑（无需HTTP请求）

如果后端逻辑仅用于SSR渲染时预取数据，不需要对外暴露API，可以在Angular服务中判断服务端环境，直接调用Node.js相关函数，避免内部HTTP请求开销：

import { Injectable, Inject, PLATFORM_ID } from '@angular/core';
import { isPlatformServer } from '@angular/common';
// 导入你的后端逻辑模块（如数据库操作工具）
import { DatabaseService } from './database.service';

@Injectable({ providedIn: 'root' })
export class ServerDataService {
  constructor(
    @Inject(PLATFORM_ID) private platformId: object,
    private dbService: DatabaseService
  ) {}

  async fetchDataForSSR() {
    if (isPlatformServer(this.platformId)) {
      // 服务端环境直接调用后端逻辑
      return await this.dbService.getItems();
    }
    // 客户端环境走HTTP请求
    return await this.http.get('/api/items').toPromise();
  }
}

总结 #

• 若需对外提供API接口，仍需基于Express扩展server.ts，但可通过模块化抽离保持代码整洁；
• 若仅为SSR预取数据，可在Angular服务中直接调用Node.js代码，无需构建完整API；
• Angular Universal核心是实现SSR渲染，后端逻辑仍需依托Node.js生态工具，未提供独立的后端层替代方案。

内容的提问来源于stack exchange，提问作者Murmulodi