首页 > 解决方案 > 如何在 Windows IIS 中托管 React.js 和 Node.js 应用程序?

问题描述

我正在尝试在安装了 Windows 操作系统的云上上传 react.js 应用程序。如何使用 windows IIS 上传和启动我的 react 应用程序。

标签: node.jsreactjsiishost

解决方案


首先,您需要在 windows 上安装节点:

https://nodejs.org/en/download/

按照以下步骤安装 IIS:

  • 打开控制面板
  • 选择程序和功能,单击链接打开或关闭 Windows 功能。
  • 单击 Internet 信息服务复选框并选择 iis 所需功能。
  • 从已安装的应用程序中打开 iis 管理器。

https://docs.microsoft.com/en-us/iis/install/installing-iis-85/installing-iis-85-on-windows-server-2012-r2

安装 node 和 iis 后以管理员身份打开命令提示符并进入 react js 应用程序文件夹。

例子:

我的反应 js 应用程序位于 C:\windows\system32\

去那个路径使用命令:

cd C:\windows\system32\my-app

使用以下方式运行反应应用程序:

npm start

检查应用程序是否正常运行。

然后运行命令:

npm run build

您可以在应用程序文件夹中看到构建文件夹。

  • 现在打开 iis 管理器。
  • 从连接窗格中选择服务器名称。右键单击它并选择添加网站: 在此处输入图像描述
  • 在添加网站窗口中输入详细信息,例如:站点名称文件夹路径端口号、IP 地址、主机名等

注意:添加站点路径时选择构建文件夹。

在此处输入图像描述

  • 通过单击操作窗格中的浏览按钮打开站点。

在此处输入图像描述

在此处输入图像描述


推荐阅读