ReactJS: 如何在本地服务器上部署

我有一个设计的Web应用程序 NodeJS + Express + GraphQL + MongoDB back-end 和 ReactJS + Apollo front-end. 我想部署这个应用程序

当地的

. 有可能吗?

我跑进了几十个 "how to deploy to Heroku," "如何部署在数字海洋中", "如何扩展B. Github" 等等,但其中没有一个解释如何在本地部署。

现在我跑:
nodemon server

对于后端和
npm start

前端。 我看到运行的应用程序
[url=http://localhost:3000/]http://localhost:3000/[/url]

/我用 cors 将前景连接到端口上的端口 3001/.

我想去
[url=http://localhost:3000/]http://localhost:3000/[/url]

并在不必执行命令的情况下查看应用程序
npm start


nodemon server

. 是否有可能? 如果是这样,我该怎么做?

据我所知,我们的本地服务器不是服务器。 WAMP /虽然我们的操作系统是 Windows/. 部门 IT 告诉我它是

[...] 正常,普通的旧服务器。 地址 - localhost工作
港口。 3000. 您可以打开另一个端口 3001, 如果你需要它。 只是
把你的东西扔到磁盘上 C: , 你应该准备好去。 一世
从未听说过 Node 或者 React, 因此,如果您有疑问,我无法帮助。

有任何想法吗? 预先感谢您的帮助!

UPDATE

我正在寻找的事实似乎有一些混乱。 我正在尝试在本地部署它。

假设在当地的计算机上 /你的笔记本电脑在家里/ 你来了 localhost:3000 在你最喜欢的浏览器中。 直到你给出50米的东西,此时没有什么会出现,他会说 39 或类似的东西。 我想要的是,只要我去,就可以在线打开任何车 localhost:3000 我的网站出现了 react 和 functions...does, 是什么意思?

我不希望它成为发展模式。 我想建立这个项目 localhost...I'm, 开始认为这是不可能的。
已邀请:

卫东

赞同来自:

当我理解它时,你想部署它

本地服务器

, 但不是

当地的

在其开发设备上。

我想到了 that...but 我不确定 IT 它总会和他一起工作...... :/

如果不起作用,您如何使用服务器? 就像 WAMP /这是工作 apache/, 或者发生了什么,它应该工作。 所以,如图所示,只需使其成为背景过程

.

PS 我不认为您正确地理解节点的服务器。


, 要理解为什么节点服务器需要重新启动。 之后,您需要了解没有热重启工具是完美的,并且您需要从时间重新启动服务器。

PPS我不知道它的意思是什么

[...] 正常,普通的旧服务器。 在端口上运行的localhost地址 3000.

如果运行服务器 3000, 您需要将服务器更改为另一个端口。 /最常见的9000/

董宝中

赞同来自:

要解决此问题,您可以创建执行的启动脚本
npm start


nodemon server

. 然后确保隐藏它,以便您的服务器始终工作。 但是,请记住,出现的任何错误都将停止您的服务器,如果您没有配置它,则服务器将不会自行重启。

冰洋

赞同来自:

我会尽力遵循:

使用生产环境的一组变量创建应用程序

获取文件夹中的所有文件。 dist 并在您的服务器上部署它们

现在使用您的应用程序访问 localhost/

江南孤鹜

赞同来自:

无法重新启动服务器,保持工作。 从技术上讲,你可以制作你的文件 'main' 跟踪另一个文件进行更改。 它将是您实际保留程序的文件 sever. 然后,如果有更改,则会抛出当前的逻辑并开始执行它。 然而,以这种方式这样做并这样做是非常脆弱的。 它也不会修复您需要类似的解决方案的界面。

相反,您可以连接到保存您喜欢的编辑器的事件并运行这两个控制台命令,以便每次自动调用服务器时都会自动调用服务器。 /不要忘记还清洁现有服务器/

https://marketplace.visualstud ... nSave
为了 VSCode

https://atom.io/packages/save-commands
为了 Atom

卫东

赞同来自:

要解决此问题,必须先创建 batch file 延期
.bat or .cmd

在此文件下,添加以下命令 2


nodemon server


npm start


然后按照以下步骤将其添加为启动脚本 windows OS.

创建一个快捷方式 batch file.

创建快捷方式后,单击使用鼠标右键的文件并选择
剪下。

单击“开始”按钮,输入 Run 并按 enter.

在Execute窗口中,输入 shell:startup, 打开“开始”文件夹。

一旦开始文件夹打开,请转到菜单中的主页选项卡
在文件夹的顶部,然后选择粘贴以插入快捷方式
文件夹。

以上描述的步骤例如设计为创建 batch file 并将其添加为启动脚本 Windows 8 和 10 用户。
有关更清晰或链接,请转到以下链接。
https://www.computerhope.com/issues/ch000322.htm

江南孤鹜

赞同来自:

也许你在寻找什么, - 这是一种类似的东西
https://ngrok.com
, 创造隧道 socks 为您 localhost, 有效地部署 localhost, 当我理解它时,让你可以访问你的 localhost 穿过 url, 例如
ldiuhv093.ngrok.io

, 甚至是自定义子域,如果您支付每月费用。

如果我错了,请告诉我!

小明明

赞同来自:

我知道这篇文章是两年前。 但我认为第二期望的结果的解决方案是使用并行性。
https://www.npmjs.com/package/concurrently
.
这将允许您制作一个 NPM START, 运行所有三个过程中的两个。

至于您的第一个问题,我认为决定是添加 Electron 在您的应用程序中,因此您可以将其包装在可执行应用程序中。 运行应用程序时,您的Express Server将开始在后台工作。

大多数人可能不明白为什么有必要的。 在本地服务器上启动 /电脑/ 允许您访问本地文件系统,甚至可以运行 SQL 在需要参与的代理服务器内部请求 IT, 如果它们发布在外部服务器上。

三叔

赞同来自:

你需要做
npm start

可能还有其他方式来运行它,但它们都会导致相同的方式。 您可以阅读本文 Freecodecamp 关于部署的 DigitalOcean. 你可以操纵它们 localhost. 它不应该太不同。
https://medium.freecodecamp.or ... e3f48

要回复问题请先登录注册