AI编程实战：3步搭建一个API接口服务

很多人做了前端页面后，想加点"后端功能"——比如保存用户数据、发送邮件、对接AI。这就需要一个API服务。

什么是API服务？

你可以把API想象成一个"服务窗口"：

前端发送请求："我要查张三的订单"

API接收请求，去数据库查

查到后把结果返回给前端

Step 1：让AI帮你写接口

用Express.js（最简单的后端框架）举例。跟AI说：

帮我用Node.js + Express写一个简单的API服务：
GET /api/items - 返回所有物品列表

POST /api/items - 新增一个物品（名称、价格）

DELETE /api/items/:id - 删除一个物品

数据先存在内存里（数组），不用数据库

加上CORS支持

端口3001

AI会生成大约50行代码，一个完整可运行的API服务。

Step 2：本地测试

# 初始化项目
npm init -y
npm install express cors
运行

node server.js

然后用浏览器打开 http://localhost:3001/api/items 就能看到数据了。

想测试POST请求？让AI帮你写一个测试脚本，或者用在线工具（如Hoppscotch）。

Step 3：部署上线

三种免费方案：

方案A：Render.com（推荐）

代码推到GitHub

去render.com注册，连接GitHub

新建Web Service，选你的仓库

自动部署，给你一个公网地址

方案B：Railway.app

操作类似Render，界面更简洁。免费额度每月$5。

方案C：自己的服务器

如果你有云服务器（腾讯云学生机9.9/月），用PM2管理进程：

npm install -g pm2
pm2 start server.js --name my-api

加上数据库

内存存储重启就没了。想要持久化？最简单的方案是SQLite：

在之前的API基础上，把数据存储从内存数组改成SQLite数据库。
用better-sqlite3库，数据库文件存在data/db.sqlite。

AI会帮你改好，加上建表语句和CRUD操作。

对接你的前端

API部署好后，在前端代码里调用：

// 获取数据
const res = await fetch('https://your-api.render.com/api/items');
const items = await res.json();// 新增数据
await fetch('https://your-api.render.com/api/items', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ name: '新物品', price: 99 })
});

安全注意

AI会帮你写代码，但要注意：

不要把密钥写在代码里（用环境变量）

加上请求频率限制（防止被恶意调用）

输入数据要验证（防注入）

这些都可以跟AI说，它会帮你加上。

小结

前端 + API + 数据库 = 一个完整的应用。听起来复杂，但有AI帮你写代码，每一步都很简单。从一个最小的API开始，然后慢慢加功能——这就是全栈开发的起点。