如何在線在 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 網站中添加應用程序一樣添加它。