將 json-server 與使用 aws amplify 部署的反應應用程序集成

Question

我已經開發了一個帶有使用 json-server 開發的模擬后端的反應應用程序，並已使用 npm 啟動命令在我的本地成功測試，並且按預期工作。 然后我開始使用 aws-amplify 在 aws 中部署應用程序，部署也成功了。 我現在面臨的一個問題是，如何在 aws amplify 中啟動 json-server，因為我的所有后端調用現在都失敗了，因為 json-server 沒有啟動。 PFB 我嘗試將 json-server 集成到 aws-amplify 中的步驟 1.在 aws-amplify 的構建設置中，我嘗試提供以下命令以確保在構建之前安裝 json-server 並提供啟動命令'&&' 之后的 json-server 以確保 json-sever 在構建序列之后組成

• npm install -g json-server
• npm 運行構建 && npx json-server --watch db.json --port 3001

請。 讓我知道有沒有一種方法可以使 json-server 與 aws-amplify 一起啟動，以便我的后端調用成功。 如果 aws-amplify 不是我應該使用哪個 aws 服務來使我的后端正常工作的正確選項。 我可以在 aws ec2 中使用 json-server 部署模擬服務並嘗試從我的 UI 調用該服務嗎？

Answer 1

如果您在“npm start”時嘗試運行多個應用程序，請concurrently使用 npm package（僅用於本地機器測試，不能作為在 AWS 等遠程主機上運行的解決方案）。

然后您可以修改您的 package.json 文件以運行多個應用程序，如下例所示；

  "scripts": {
    "start": "concurrently --kill-others \"react-scripts start\" \"npx json-server --watch data/db.json --port 8000\"",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

Answer 2

創建一個單獨的 JSON 服務器，然后連接到它，您可以使用 Heroku 執行此操作，它為個人/開發項目提供免費托管。

我也為我之前關於 GH 的一個項目做過這個； https://github.com/rbhachu/the-mojo-blog