SharePoint Online 部署SPFx Web部件

　　前言

　　上一篇文章里，咱们为你们介绍了如何经过列表模型和SharePoint SPFx模块去读取数据，在此基础上加上样式，其实就能够用于项目中了。

　　本文，就为你们介绍，如何把开发好的SPFx Web部件，打包部署到咱们的SharePoint 环境中。

　　正文

　　1.使用Visual Studio Code打开以下文件夹：

 

　　2.打开文件定义包元数据文件，package-solution.json，以下图：

 

　　3.在控制台窗口中，输入如下命令，打包包含 Web 部件的客户端解决方案：

　　gulp package-solution

 

　　4.在SharePoint\solution文件夹下，找到打包后的文件，以下图：

 

　　5.进入App Category，找到Apps for SharePoint，上传咱们打包的SPFx Web部件；

 

　　6.弹出信任解决方案的确认框，咱们选择部署，以下图：

 

　　7.点击部署解决方案之后，咱们能够在列表里查看解决方案的一些基本信息，以下图：

 

　　8.部署成功之后，咱们还须要在网站中添加解决方案，才能够使用，以下图：

 

　　9.添加的过程可能须要3-5分钟，若是解决方案包比较大，时间会更长一些，以下图：

 

　　10.添加完成之后，咱们就以在页面里选择咱们的SPFx Web部件了，以下图：

　　特别要说的是，SPFx Web部件，不单单支持Modern UI，还支持传统UI

 

　　11.添加完毕之后的效果，以下图：

 

　　结束语

　　至此，咱们已经学会了，如何将开发好的SharePoint SPFx解决方案，打包并部署到网站中了。