如何使用Angular构建REST API端点？

首先明确说：你没法直接用Angular来创建能给外部系统提供真实数据的REST API。Angular是前端框架，它的核心是构建浏览器端的用户界面——编译后只会生成静态的HTML、CSS和JS文件，这些文件运行在用户浏览器里，根本没有服务器端的运行环境，没法处理HTTP请求、连接数据库或者对外暴露API接口。

如果你只是开发阶段需要模拟API（仅用于测试） #

如果只是开发时想模拟API请求，Angular官方提供了angular-in-memory-web-api工具，能临时模拟REST接口：

• 安装依赖：npm install angular-in-memory-web-api --save-dev
• 创建一个内存数据服务：

import { InMemoryDbService } from 'angular-in-memory-web-api';

export class InMemoryDataService implements InMemoryDbService {
  createDb() {
    const patients = [
      { id: 1, name: 'John Doe', diagnosis: 'Hypertension' },
      { id: 2, name: 'Jane Smith', diagnosis: 'Diabetes' }
    ];
    return { patients };
  }
}

• 在AppModule中导入配置：

import { HttpClientInMemoryWebApiModule } from 'angular-in-memory-web-api';
import { InMemoryDataService } from './in-memory-data.service';

@NgModule({
  imports: [
    HttpClientModule,
    HttpClientInMemoryWebApiModule.forRoot(InMemoryDataService)
  ]
})
export class AppModule { }

这样你在Angular里调用/api/patients就能拿到模拟的JSON数据，但注意：这完全不适合生产环境，它只是前端层面的模拟，外部系统根本访问不到这个接口。

生产环境的正确解决方案（给外部系统提供真实数据） #

要让外部系统能访问到真实的REST API，你必须搭配一个后端服务，负责处理API请求、连接数据库、返回数据。常见的方案有：

1. 搭配Node.js + Express后端 #

这是和Angular最契合的轻量方案，举个简单的示例：

• 新建一个Express项目，写一个患者API路由：

const express = require('express');
const cors = require('cors');
const app = express();

// 处理跨域请求（如果前端和后端部署在不同域名）
app.use(cors());

// 模拟数据库数据（实际项目里换成真实数据库查询）
const patients = [
  { id: 1, name: 'John Doe', diagnosis: 'Hypertension' },
  { id: 2, name: 'Jane Smith', diagnosis: 'Diabetes' }
];

// 暴露API端点
app.get('/server/api/patients', (req, res) => {
  res.json(patients);
});

app.listen(3000, () => {
  console.log('Backend server running on port 3000');
});

• 然后在Angular中用HttpClient调用这个后端接口：

import { HttpClient } from '@angular/common/http';

export class PatientService {
  constructor(private http: HttpClient) {}

  getPatients() {
    return this.http.get('http://localhost:3000/server/api/patients');
  }
}

2. 其他后端技术栈 #

你也可以选择Java Spring Boot、Python Django/Flask、.NET等任意后端框架，只要它们能暴露REST API并连接你的数据库即可。

部署注意事项 #

• 如果你想把前端和后端部署在一起，可以把Angular编译后的dist目录下的文件放到后端的静态资源目录（比如Express的public文件夹），这样访问同一个域名时，前端页面和API请求都由后端服务处理。
• 如果分开部署，可以用Nginx等反向代理工具，把前端域名下的/server/api请求转发到后端服务的地址。

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