【SharePoint Online】02 将Spfx扩展程序部署到 SharePoint Online站点中（本地托管的方式：基于feature xml 的预配在特定站点中使用扩展程序解决方案）

前言

在前一讲我们通过Spfx创建了一个扩展部件，这一讲我们将Spfx扩展程序部署到 SharePoint Online站点中（本地托管的方式：基于feature xml 的预配在特定站点中使用扩展程序解决方案）

【SharePoint Online】01 通过Spfx创建扩展部件（SPFx Application Customizer）

【SharePoint Online】02 将Spfx扩展程序部署到 SharePoint Online站点中（本地托管的方式：基于feature xml 的预配在特定站点中使用扩展程序解决方案）

一、打包 Spfx扩展部件

1、在终端窗口（或控制台窗口）中，输入命令gulp bundle，打包包含扩展的客户端解决方案

gulp bundle

2、在终端执行命令gulp package-solution ，创建解决方案包，执行成功后将在 sharepoint/solution 文件夹中创建包：extension-name.sppkg

gulp package-solution

二、将 .sppkg包部署到SharePoint应用程序目录 

1、打开app catalog站点，如下图

2、在站点中打开“Apps for SharePoint”，然后点击“Upload”，上传刚才打包好的.sppkg文件

3、上传后会自动弹出如下提示框，点击deploy即可

请注意，我们没有更新 URL 来托管用于此部署的解决方案，因此 URL 仍指向 https://localhost:4321

 

部署后可以看到状态

 

三、将扩展部署到 SharePoint Online站点中

1、再次回到vs code 终端控制台，并确保解决方案正在运行。如果它没有运行，请在解决方案文件夹中执行以下命令

gulp serve --nobrowser

2、转到要使用该扩展部件的SharePoint  Online站点，选择右侧顶部导航栏上的齿轮图标，并选择“Add an app”

3、可以在“Apps you can add”中看到刚才上传的扩展包文件（app-extension-client-sient-side-solution）

4、直接点击后会自动出现在site contents，稍等片刻将会作用于整个站点