ReactJS: 如何在本地服务器上部署
我有一个设计的Web应用程序 NodeJS + Express + GraphQL + MongoDB back-end 和 ReactJS + Apollo front-end. 我想部署这个应用程序
当地的
. 有可能吗?
我跑进了几十个 "how to deploy to Heroku," "如何部署在数字海洋中", "如何扩展B. Github" 等等,但其中没有一个解释如何在本地部署。
现在我跑:
对于后端和
前端。 我看到运行的应用程序
/我用 cors 将前景连接到端口上的端口 3001/.
我想去
并在不必执行命令的情况下查看应用程序
和
. 是否有可能? 如果是这样,我该怎么做?
据我所知,我们的本地服务器不是服务器。 WAMP /虽然我们的操作系统是 Windows/. 部门 IT 告诉我它是
[...] 正常,普通的旧服务器。 地址 - localhost工作
港口。 3000. 您可以打开另一个端口 3001, 如果你需要它。 只是
把你的东西扔到磁盘上 C: , 你应该准备好去。 一世
从未听说过 Node 或者 React, 因此,如果您有疑问,我无法帮助。
有任何想法吗? 预先感谢您的帮助!
UPDATE
我正在寻找的事实似乎有一些混乱。 我正在尝试在本地部署它。
假设在当地的计算机上 /你的笔记本电脑在家里/ 你来了 localhost:3000 在你最喜欢的浏览器中。 直到你给出50米的东西,此时没有什么会出现,他会说 39 或类似的东西。 我想要的是,只要我去,就可以在线打开任何车 localhost:3000 我的网站出现了 react 和 functions...does, 是什么意思?
我不希望它成为发展模式。 我想建立这个项目 localhost...I'm, 开始认为这是不可能的。
当地的
. 有可能吗?
我跑进了几十个 "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, 开始认为这是不可能的。
没有找到相关结果
已邀请:
8 个回复
卫东
赞同来自:
本地服务器
, 但不是
当地的
在其开发设备上。
我想到了 that...but 我不确定 IT 它总会和他一起工作...... :/
如果不起作用,您如何使用服务器? 就像 WAMP /这是工作 apache/, 或者发生了什么,它应该工作。 所以,如图所示,只需使其成为背景过程
.
PS 我不认为您正确地理解节点的服务器。
读
, 要理解为什么节点服务器需要重新启动。 之后,您需要了解没有热重启工具是完美的,并且您需要从时间重新启动服务器。
PPS我不知道它的意思是什么
[...] 正常,普通的旧服务器。 在端口上运行的localhost地址 3000.
如果运行服务器 3000, 您需要将服务器更改为另一个端口。 /最常见的9000/
董宝中
赞同来自:
和
. 然后确保隐藏它,以便您的服务器始终工作。 但是,请记住,出现的任何错误都将停止您的服务器,如果您没有配置它,则服务器将不会自行重启。
冰洋
赞同来自:
使用生产环境的一组变量创建应用程序
获取文件夹中的所有文件。 dist 并在您的服务器上部署它们
现在使用您的应用程序访问 localhost/
江南孤鹜
赞同来自:
相反,您可以连接到保存您喜欢的编辑器的事件并运行这两个控制台命令,以便每次自动调用服务器时都会自动调用服务器。 /不要忘记还清洁现有服务器/
https://marketplace.visualstud ... nSave
为了 VSCode
https://atom.io/packages/save-commands
为了 Atom
卫东
赞同来自:
在此文件下,添加以下命令 2
然后按照以下步骤将其添加为启动脚本 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, 例如
, 甚至是自定义子域,如果您支付每月费用。
如果我错了,请告诉我!
小明明
赞同来自:
https://www.npmjs.com/package/concurrently
.
这将允许您制作一个 NPM START, 运行所有三个过程中的两个。
至于您的第一个问题,我认为决定是添加 Electron 在您的应用程序中,因此您可以将其包装在可执行应用程序中。 运行应用程序时,您的Express Server将开始在后台工作。
大多数人可能不明白为什么有必要的。 在本地服务器上启动 /电脑/ 允许您访问本地文件系统,甚至可以运行 SQL 在需要参与的代理服务器内部请求 IT, 如果它们发布在外部服务器上。
三叔
赞同来自:
可能还有其他方式来运行它,但它们都会导致相同的方式。 您可以阅读本文 Freecodecamp 关于部署的 DigitalOcean. 你可以操纵它们 localhost. 它不应该太不同。
https://medium.freecodecamp.or ... e3f48