如何在线在 Sharepoint 中托管示例 React 应用程序？

Question

创建了一个在 localhost:3000 中运行的示例反应应用程序。 现在我需要在 sharepoint online 中托管相同的 react 应用程序。 对此的任何解决方案。

Answer 1

请检查以下博客中的步骤：

在 SharePoint Online 中构建和部署客户端 Web 部件 (SPFx)

1) 完成本地开发后，我们需要配置一个 CDN 路径，我们可以在其中托管我们的文件。

转到 config > write-manifests.json 文件。

在这里，输入您的 CDN 路径。 它应该是最终用户可以访问的路径。 它可以是 Azure 或 SharePoint 或任何其他东西。

修改如下（示例代码）并保存文件：

{

"$schema": " https://dev.office.com/json-schemas/spfx-build/write-manifests.schema.json ",

"cdnBasePath": ""

}

2) 现在，您需要生成要部署的文件。

为此，请运行以下命令：

gulp bundle --ship 完成后，您将在解决方案中找到一个 temp > deploy 文件夹，如下所示：

生成后，将部署文件夹中的所有文件上传到您的 CDN 或站点资产（如我们的例子）。 此任务还可以使用高级 gulp 任务自动执行。

3) 现在，我们将创建要上传到应用程序目录的 spapp 文件。

为此，运行以下命令：

gulp package-solution --ship 这将在 sharepoint 文件夹中生成一个 sppkg 文件，如下所示：

将其上传到应用程序目录。 SharePoint 将向您显示一个弹出窗口，并要求您信任要部署的客户端解决方案。

单击部署。

之后，您可以像在 SharePoint 网站中添加应用程序一样添加它。