如何在 Windows IIS 中托管 React.js 和 Node.js 应用程序?

JHM*_*M16 1 iis host node.js reactjs

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

Jal*_*hal 5

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

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

按照以下步骤安装 IIS:

  • 打开控制面板
  • 选择程序和功能,单击链接打开或关闭 Windows 功能。
  • 单击 Internet Information Services 复选框并选择 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应用文件夹。

例子:

我的 react js 应用程序在 C:\windows\system32\

转到该路径使用命令:

cd C:\windows\system32\my-app
Run Code Online (Sandbox Code Playgroud)

使用以下命令运行反应应用程序:

npm start
Run Code Online (Sandbox Code Playgroud)

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

然后运行命令:

npm run build
Run Code Online (Sandbox Code Playgroud)

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

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

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

在此处输入图片说明

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

在此处输入图片说明

在此处输入图片说明