我已经用JSON服务器开发了react项目，如何与我的同事共享.html文件来检查演示

Question

我使用VS代码开发了一个将JSON服务器作为后端的react应用程序。我希望与我的团队成员分享我的项目的进度，以便他们可以在他们的浏览器上访问该项目。我只想生成一个可以与其他人共享的index.html文件。

Answer 1

首先使用npm run build构建您的react。

创建一个快速服务器

const express = require("express");
const bodyParser = require("body-parser");
const app = express();
app.use(bodyParser.json());

app.listen(process.env.PORT, async () => {
  console.log("listening on port " + process.env.PORT);
});

现在将构建文件夹作为静态文件提供。

const path = require("path");
app.use(express.static(path.join(__dirname, "build")));

现在转到http://localhost:<<PORT>>并检查您的网站是否运行正常。

现在，您可以使用ngrok向您的朋友展示演示。ngrok将允许您在几个小时内托管您的站点，而不需要任何费用。

https://ngrok.com/download

然后运行ngrok http <<PORT>>，您可以与您的朋友共享这个https url。

Answer 2

Index.html和react应用程序有不同的部署方式。如果是index.html，请使用Github页面，您将获得一个与任何人共享的URL。

如果使用API端点，则：

1. 将代码推送到Github中，任何人都会克隆和检查该应用程序。
2. 或npm在Netlify中运行并拖放构建应用程序，或者与Github repo连接。

。

如果您不使用API端点：

1. 在Heroku或其他托管站点部署后端代码。在Heroku部署之后，您将得到一个端点。
2. 使用前端的端点而不是JSON数据。
3. 然后在npm、Vercel .或其他平台，并与任何人

共享该网址