express - 如何在 Heroku 的两个不同端口上同时部署 Next.js 和 Express 服务器

Question

这是我目前面临的部署挑战。我在谷歌上进行了相当广泛的搜索，并尝试了一些但没有成功。

我有应用程序 A，它使用 express 作为服务器在端口 5000 提供服务。然后我有应用程序 B，用户 Next 作为服务器在端口 3000 提供服务。我写了一些代码将这两个应用程序集成为一个，然后我'我试图将它部署到 Heroku 上。我不断遇到部署失败。这是我的 package.json:

"scripts": {
"start": "concurrently \" npm run dev \" \" next \" ",
....

Answer 1

或者，您可以使用 Next.js 的 Custom Server functionality .只需先定义您的 API 路由，然后将 expressApp.all('*', nextHandler) 放在末尾，以便 Next 捕获您的 API 端点未捕获的所有内容。

const express = require('express');
const next = require('next');

const APIRouter = require('./routes');

const dev = process.env.NODE_ENV !== 'production';
const hostname = 'localhost';
const port = 3000;

const nextApp = next({dev, hostname, port});
const nextHandler = nextApp.getRequestHandler();

const expressApp = express();

nextApp.prepare().then(() => {
  expressApp.use(APIRouter());
  expressApp.all('*', nextHandler);
  expressApp.listen(port, () => {
    console.log(`App listening on port ${port}`);
  });
});