如何使用來自 env 的端口值將 React 應用程序部署到 Heroku？

Question

嗨，我試圖將我的 rtmp 服務器部署到 Heroku，但首先我遇到了一些問題，我對端口進行了硬編碼而不是制作 env 文件。 我同時使用來運行兩個腳本。 我的文件結構是

 rtmp-server
 ├── client
 └── rtmp

rtmp 需要 2 個端口（1935 和 8888），客戶端也需要 2 個端口（3000 和 3001）

我有幾個問題。

1. 我是否必須在根目錄或子目錄中使用 Dotenv（客戶端和 rtmp 分別）
2. 如何在package.json使用 Dotenv 的值

Answer 1

在您的package.json您可以執行類似command to serve $PORT以獲取 PORT 變量

但是通過讀取代碼中的PORT變量有一種更好的方法來處理這個問題，如下所示：

const PORT = process.env.PORT || 3000

如果process.env.PORT是undefined這里 3000 只是后備值。 這在開發時很有用