reactjs - 如何在线在 Sharepoint 中托管示例 React 应用程序?
问题描述
创建了一个在 localhost:3000 中运行的示例反应应用程序。现在我需要在在线共享点中托管相同的反应应用程序。对此的任何解决方案。
解决方案
请检查以下博客中的步骤:
在 SharePoint Online 中构建和部署客户端 Web 部件 (SPFx)
1) 完成本地开发后,我们需要配置一个 CDN 路径,我们可以在其中托管我们的文件。
转到配置 > 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 网站中添加应用程序一样添加它。
推荐阅读
- graphql - Quarkus GraphQL:如何更改默认端点?
- apache-kafka - 为什么kafka消费者客户端在msgpack内容中压缩none cpu使用比压缩snappy更多?
- c# - c# 正确实例化接口中的枚举列表
- prolog - 使用 Prolog 进行图形循环检测
- c++ - 从类返回引用向量
- gitlab-ci - 在 Gitlab CI 中将“only/except”子句转换为“rules”子句
- spring - 带有 AuthenticationSuccessEvent 的 Spring Security @PreAuthorize 注释
- wordpress - 在带有子类别的 WooCommerce 类别中显示产品数量
- python - 如果在列表中未找到红色通道,则替换所有像素
- python - 使用 NCO 在 anaconda 提示符下合并 netCDF 文件?