技术探索路上，一个后端新手如何用 JavaScript 起步？

大家好，我是小林，一名从985毕业、现在在一线大厂做全栈开发的工程师。掘金上写过不少入门教程，经常收到私信：“我完全零基础，该怎么开始？”“后端和 JavaScript 到底什么关系？”

其实，我也曾卡在这些最基础的问题上。记得刚开始学编程时，连“后端”是干啥的都搞不清，更别说用 JavaScript 写服务了。今天这篇教程，就是想带你一步步搞明白：后端是什么？JavaScript 除了写网页还能做什么？以及，作为一个纯小白，如何动手做出自己的第一个后端程序？

---

一、后端 ≠ 黑盒子：它到底在干嘛？

简单说：前端是你看到的页面（比如按钮、表单），后端是背后的“服务员”。

• 用户点“登录” → 前端把用户名密码发给后端
• 后端查数据库 → 验证对不对 → 返回“成功”或“失败”
• 前端根据结果 → 显示欢迎页或错误提示

所以，后端的核心任务：接收请求、处理数据、返回响应。

而 JavaScript，过去大家只知道它用来做网页交互（比如点击弹窗）。但自从 Node.js 出现后，JavaScript 也能写后端了！这意味着：你可以用同一种语言，搞定前后端——这对初学者太友好了！

✅ 我当初学的时候，就是因为不用切换语言，才坚持下来的。

---

二、环境准备：5分钟搭好开发“厨房”

要写后端代码，你需要：

1. 安装 Node.js（它让 JS 能在电脑上运行，不只是浏览器里）
2. 一个代码编辑器（推荐 VS Code，免费好用）

步骤如下：

1. 下载并安装 Node.js

• 访问 https://nodejs.org
• 点击 LTS 版本（长期支持，更稳定）
• 按提示安装，一路“下一步”即可

2. 验证是否安装成功

打开终端（Windows 用 CMD 或 PowerShell，Mac 用 Terminal），输入：

node -v
npm -v

如果看到类似 v18.17.0 和 9.6.7 的版本号，说明装好了！

⚠️ 新手常犯错误：装了 Node.js 但没重启终端，导致命令找不到。记得装完关掉再打开终端！

3. 创建你的第一个项目

mkdir my-first-backend
cd my-first-backend
npm init -y

这会生成一个 package.json 文件，相当于项目的“身份证”。

---

三、核心概念：用最直白的话讲清楚

什么是“服务器”？

不是指机房里的大铁柜！在你电脑上，一段能接收网络请求的代码，就是服务器。

什么是“API”？

就是后端提供给前端的“菜单”。比如：

• GET /users → 获取用户列表
• POST /login → 提交登录信息

JavaScript 如何写后端？

靠 Node.js + Express 框架。Express 是个轻量工具包，帮你快速搭建服务器。

先装 Express：

npm install express

---

四、实战：手把手写一个“问候服务”

我们要做一个最简单的后端：当访问 http://localhost:3000/hello 时，返回 "你好，世界！"。

第一步：创建 server.js

在项目根目录新建文件 server.js，内容如下：

// 引入 express
const express = require('express');

// 创建应用实例
const app = express();

// 定义一个路由：当有人访问 /hello 时...
app.get('/hello', (req, res) => {
  // 返回 JSON 数据
  res.json({ message: '你好，世界！' });
});

// 启动服务器，监听 3000 端口
app.listen(3000, () => {
  console.log('服务器启动啦！访问 http://localhost:3000/hello');
});

第二步：运行它！

在终端执行：

node server.js

你会看到提示：服务器启动啦！...

然后打开浏览器，输入 http://localhost:3000/hello，页面会显示：

{
  "message": "你好，世界！"
}

🎉 恭喜！你刚刚写了一个真正的后端服务！

💡 小技巧：按 Ctrl + C 可以停止服务器。

---

五、加点料：让它能接收用户输入

现在我们升级一下，让用户传名字进来。比如访问 /hello?name=小林，返回 "你好，小林！"

修改 server.js 中的路由部分：

app.get('/hello', (req, res) => {
  // 从 URL 参数中获取 name
  const name = req.query.name || '陌生人';
  res.json({ message: `你好，${name}！` });
});

重启服务器（先 Ctrl+C 停止，再 node server.js 启动），然后访问：

• http://localhost:3000/hello?name=小林 → 返回“你好，小林！”
• http://localhost:3000/hello → 返回“你好，陌生人！”

你看，后端就这么灵活！

---

六、新手必踩的坑 & 解决方案

问题	原因	解决办法
Cannot find module 'express'	没装 Express 或路径不对	确保在项目目录下执行 npm install express
服务器启动了但打不开网页	端口被占用或防火墙拦截	换个端口（如 4000），或检查杀毒软件
修改代码后没生效	Node.js 不会自动重启	安装 nodemon：npm install -g nodemon，然后用 nodemon server.js 启动
中文显示乱码	编码问题	在 res.json() 前加 res.setHeader('Content-Type', 'application/json; charset=utf-8')（Express 默认已处理，一般不用加）

🛑 我当初第一次部署上线，就因为忘了 npm install，线上报错整整一天……记住：本地能跑 ≠ 线上能跑！

---

七、接下来怎么学？我的建议路线图

你已经迈出了最难的第一步！接下来可以这样走：

1. 巩固基础

   • 学习 HTTP 协议（GET/POST 区别、状态码 200/404/500）
   • 理解 JSON 格式（前后端通信的标准）

2. 扩展功能

   • 添加 POST 接口（用 app.post）
   • 连接数据库（推荐 SQLite，轻量无配置）

3. 工程化

   • 用 nodemon 自动重启
   • 写 .gitignore 忽略 node_modules

4. 部署上线

   • 用免费平台如 Render、Vercel（支持 Node.js）
   • 绑定域名、配 HTTPS（后续再说）

📌 关键心态：不要追求“学完”，而是“做出东西”。哪怕只是一个返回“Hello”的接口，也是你能力的证明。

---

最后的话

技术探索的路上，没有“太晚”或“太笨”。我见过太多朋友因为一开始看不懂术语、配不好环境就放弃。但其实，所有高手都曾是个连 npm 是啥都不知道的小白。

你现在写的这几行代码，可能看起来微不足道。但正是这些微小的实践，堆成了未来的大厦。

如果你跟着本文跑通了那个“问候服务”，请在评论区留言：“你好，世界！”——这是程序员的成人礼 🎉

下次教程，我会带大家用 JavaScript 连接数据库，实现一个“待办事项 API”。关注我，别迷路！

作者：小林｜985全栈工程师｜掘金专栏《零基础闯前端》
原创不易，转载请联系授权。