Debian如何集成JS与后端

在Debian系统上搭建Ja vaScript全栈应用，其实比想象中要直接。下面梳理的是一条从零到部署的完整路径，每一步都经过验证，适合作为标准实践来参考。

先把Node.js装上。它是运行Ja vaScript后端的基础环境，也是前端构建工具链的起点。在Debian上用apt安装即可，非常省事。

sudo apt update
sudo apt install nodejs npm

接下来创建一个项目目录，并初始化项目。这一步相当于给应用搭个骨架，后续所有代码都放在这里。

mkdir my_project
cd my_project
npm init -y

后端框架的选择很多，Express.js是其中最经典的一个。安装它，就等于给后端装了路由和中间件的引擎。

npm install express --sa ve

然后写一个最简单的启动脚本——server.js。这个文件会监听3000端口，返回“Hello World!”。当然，实际项目中你会在这里挂载路由、连接数据库，但先跑通它再说。

const express = require('express');
const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}/`);
});

保存后，用Node启动它，就能在浏览器里看到效果了。

node server.js

前端代码呢？通常放在一个叫public的文件夹里。你可以直接放HTML、CSS、JS，也可以用Webpack等工具打包后再放进去。这里先建个目录。

mkdir public

把前端文件丢进public后，需要在Express里配置静态文件服务，这样前端才能被用户访问到。

app.use(express.static('public'));

如果前端用了模块化开发，建议用Webpack打包。安装Webpack并配置入口和输出，就能生成一个bundle.js，放到public目录下。

npm install webpack webpack-cli --sa ve-dev

创建webpack.config.js，配置好入口和输出路径。

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'public')
  }
};

运行构建命令，前端代码就被打包好了。

npx webpack

最后一步是部署到生产环境。Nginx是常用的反代服务器，能帮你处理静态资源、负载均衡和HTTPS。安装后配置一个站点文件，指向你的public目录。

sudo apt install nginx

在/etc/nginx/sites-a vailable/my_project里写入如下配置，记得把server_name和root换成你自己的域名和项目路径。

server {
    listen 80;
    server_name your_domain.com;
    root /path/to/your/project/public;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }
}

启用这个站点，测试配置无误后重启Nginx，应用就上线了。

sudo ln -s /etc/nginx/sites-a vailable/my_project /etc/nginx/sites-enabled
sudo nginx -t
sudo systemctl restart nginx

按照这个流程走下来，你就完成了在Debian上集成Ja vaScript前后端，并通过Nginx部署到生产环境。整个过程清晰可控，适合作为后续扩展的骨架。