如何构建Node.js+EJS待办应用并部署至000webhost

和React这类静态应用的打包部署不同，Node.js+EJS是服务端渲染应用，需要让000webhost运行你的Node.js服务，具体操作步骤如下：

1. 准备项目文件 #

• 确保项目根目录有package.json，包含正确依赖与启动脚本，示例：

  {
    "name": "todo-app",
    "version": "1.0.0",
    "main": "server.js", // 你的项目入口文件，如server.js或app.js
    "scripts": {
      "start": "node server.js"
    },
    "dependencies": {
      "express": "^4.18.2",
      "ejs": "^3.1.9"
    }
  }
  

• 确认EJS模板文件放在项目根目录的views文件夹，静态资源（CSS、JS）放在public文件夹，且Express服务已配置静态资源托管：

  app.use(express.static('public'));
  app.set('view engine', 'ejs');
  

2. 调整端口配置 #

000webhost分配动态端口，不能硬写固定端口，改为读取环境变量或使用默认端口：

const PORT = process.env.PORT || 8080;
app.listen(PORT, () => {
  console.log(`Server running on port ${PORT}`);
});

3. 上传项目文件 #

• 本地执行npm install安装依赖后，将整个项目文件夹（可排除.git这类无关文件）压缩为zip包。
• 登录000webhost后台，进入网站文件管理器，将压缩包上传到public_html目录（这是000webhost的网站根目录），然后解压所有文件到该目录下。

4. 配置Node.js环境 #

• 在000webhost网站管理面板中找到Node.js选项（通常在「高级工具」或「设置」分类下）。
• 启用Node.js支持，选择与本地开发一致的Node.js版本（如16.x、18.x），并指定项目入口文件（如server.js）。
• 若未上传node_modules文件夹，点击「Install Dependencies」按钮，平台会自动执行npm install安装依赖。

5. 启动并测试应用 #

• 点击「Start Node.js Server」启动服务，之后访问你的网站域名，即可看到待办应用。
• 若出现异常，可在Node.js面板的「Logs」选项查看日志，排查端口冲突、依赖缺失或路径错误等问题。

注意事项 #

• 000webhost免费版的Node.js服务在一段时间无访问后会自动休眠，再次访问需等待几秒重启。
• 避免用本地JSON文件存储待办数据（免费版文件系统稳定性不足），建议改用免费云端数据库（如MongoDB Atlas）。

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