SharePoint Framework
文章平均质量分 75
计算机器
SharePoint/Office365解决方案架构师,十年SharePoint开发与支持经验,微软SharePoint方向MCP。SharePoint Framework/Power Platform爱好者,Azure开发。英文流利,两次带领团队参加微软ignite大会。
展开
-
SharePoint Framework 1.12.1发布啦
SharePoint Framework 1.12.1的新功能:Sync to Teams 添加新的API确定Webpart的宽度(width) list notification功能支持文档库 Teams meeting app更新:支持Node.js v12.13.x & v14.15.x TypeScript默认版本3.7, Gulp默认版本4.0.2 React默认版本16.9,UI Fabric 控件库默认版本7.156.0 文件夹名称修改:./temp/deploy原创 2021-04-29 22:01:39 · 281 阅读 · 0 评论 -
SharePoint Framework 1.11版本发布啦
微软在7月16日发布了SharePoint Framework 1.11版本,新版本增加了如下新功能:1, 千呼万唤的App Store功能 (Supporting SharePoint Framework solutions in AppSource and in Marketplace)。SharePoint Framework解决方案package可以发布到AppSource了!2, 增强了与Teams的集成,可以使用Teams的Task module(Support Microsoft Tea原创 2020-07-18 20:54:40 · 317 阅读 · 0 评论 -
SharePoint Framework 1.10 发布了!
激动人心的时候到来了,SharePoint Framework 1.10终于发布了!这个版本包含了我期待已久的对Office Web Addin的支持,从此开发Office addin也可以使用SPFx了!来看一下1.10的新功能吧:1, 支持创建Office Add-Ins(预览版)2, 支持一种新的扩展:搜索扩展(预览版)3, 支持创建Teams个人App (GA版)4, ...原创 2020-01-15 10:37:43 · 510 阅读 · 0 评论 -
SPFx debug:页面无法加载js文件 (Failed to load component, failed to load URL)
今天遇到了一个奇怪的问题,部署的页面上的SPFx webpart无法加载,错误信息如下:这个问题的诡异之处在于,同样的权限,有些用户可以访问,有些用户不能访问,有些用户可以用Chrome访问但是不能用IE访问。。。查了很久才找到原因。原因是,我是将SPFx webpart的js代码部署到了站点的一个文档库中。页面加载的时候会加载例如:https://contoso.sharepo...原创 2019-10-22 14:55:11 · 1914 阅读 · 0 评论 -
使用CircleCI实现SPFx库组件的持续集成(一)
库组件(Library Component)是SPFx 1.8的新功能:SharePoint Framework v1.8新功能:使用库组件(Library Component)在webpart间共享代码这几篇博客介绍如何使用CircleCI实现库组件的持续集成,当向github提交代码之后,CircleCI自动执行如下任务:1. 自动捆绑 (本篇)2. 单元测试 (使用CircleC...原创 2019-04-10 15:19:32 · 411 阅读 · 0 评论 -
使用CircleCI实现SPFx库组件的持续集成(二)
库组件(Library Component)是SPFx 1.8的新功能:SharePoint Framework v1.8新功能:使用库组件(Library Component)在webpart间共享代码这几篇博客介绍如何使用CircleCI实现库组件的持续集成,当向github提交代码之后,CircleCI自动执行如下任务:1. 自动捆绑 (使用CircleCI实现SPFx库组件的持续集...原创 2019-04-11 14:42:15 · 282 阅读 · 0 评论 -
使用SPHttpClient对象与SharePoint交互
在SharePoint Framework中,有一个对象SPHttpClient,这个对象继承了HttpClient对象,可以使用这个对象方便地调用SharePoint REST API。在使用这个对象之前,需要导入这个对象:import { SPHttpClient, SPHttpClientResponse, SPHttpClientConfiguration } from '@mic...原创 2019-06-11 21:46:24 · 708 阅读 · 0 评论 -
SharePoint Framework v1.8新功能:使用库组件(Library Component)在webpart间共享代码
SharePoint Framework 1.8版本中,在webpart和extension这两种组件之外,又添加了一个新的组件:库组件(Library Component)。库组件的作用是复用代码,将公用的代码提取出来,形成库组件,在其他组件例如webpart和extension中使用。下面看一下如何创建库组件并且在webpart中引用库中的代码。首先创建一个文件夹"spfx18libr...原创 2019-03-29 14:57:00 · 412 阅读 · 0 评论 -
如何配置SharePoint Framework web part (二)生命周期和事件
属性编辑面板的更新有两种模式,一种是响应式的,这是默认的模式,即当你修改属性值的时候,立即更新属性,并根据值属性重新渲染webpart。第二种是非响应式的,如果指定非响应式模式,会在属性编辑面板下方自动添加一个Apply按钮,修改属性之后,需要点击这个按钮,才会修改属性值。这个模式是通过disableReactivePropertyChanges这个属性控制的,默认返回值是false,也就是响...原创 2019-03-18 09:41:36 · 323 阅读 · 0 评论 -
SharePoint Framework web part 使用log API记录log
SharePoint Framework 提供了Log API,用来在浏览器的控制台输出web part的log。如果需要使用这个Log API,首先需要导入Log对象:import { Log } from '@microsoft/sp-core-library';Log对象提供了四种静态log方法,对应四种log级别://信息Log.verbose(source: strin...原创 2019-03-21 08:48:33 · 276 阅读 · 0 评论 -
SharePoint Framework (SPFx) v1.8发布了
SharePoint Framework (SPFx) v1.8发布了,来看一下1.8版本有什么新功能和变化。新功能支持开发Teams标签(SPFx development of Teams Tabs ) 支持应用页面(App Pages) 支持域隔离web part (Web parts in Isolated Domains) 文档库组件预览版 Library Component...原创 2019-03-26 09:40:24 · 309 阅读 · 0 评论 -
如何配置SharePoint Framework web part (三)自定义一个属性控件
如果SharePoint Framework提供的开箱即用的属性控件无法满足需要怎么办?这个时候我们可以自定义一个属性控件来满足自己的需要。下面通过自定义一个带有标签的文本框作为例子,看一下如何自定义属性控件:在webpart项目中创建一个文件夹以及四个文件如下:首先我们定义这个属性控件的属性,就是在“getPropertyPaneConfiguration”添加属性控件时,需要指...原创 2019-03-20 11:25:10 · 405 阅读 · 0 评论 -
如何配置SharePoint Framework web part (一)基础控件
在SharePoint服务器端webpart开发中,我们可以在webpart的属性编辑器中自定义webpart的属性,来配置webpart。在使用SharePoint Framework创建的客户端webpart中,一样可以方便的自定义webpart的属性编辑面板,添加新的属性来配置我们的webpart。在创建完成一个webpart项目之后,webpart属性编辑面板中会默认添加一个属性des...原创 2019-03-16 19:50:45 · 571 阅读 · 0 评论 -
使用SharePoint Framework开发webpart的一些技巧汇总
1, 为你的webpart指定一个图标在创建一个webpart的时候,SPFx会使用一个默认图标,如下所示:这个图标是在manifest文件中 ,通过officeFabricIconFontName属性指定的,默认的值是“Page”,所以我们看到的是一个页面的图标。"preconfiguredEntries": [{ "groupId": "5c03119e-3074-4...原创 2019-03-01 16:02:00 · 2089 阅读 · 0 评论 -
Office 365 cli - 像使用powershell操作SharePoint一样操作Office 365 (SharePoint Online, Teams, SFPx...)
Office 365 CLI是微软PnP社区开发的针对Office 365的命令行接口(Command Line Interface)。可以使用这个工具方便地管理Office 365,SharePoint Online以及SharePoint Framework解决方案。这个工具是跨平台的,可以运行在不同的操作系统上,并且是开源的。这里主要介绍如何使用Office 365 cli管理Share...原创 2019-04-22 23:04:33 · 753 阅读 · 0 评论 -
使用Azure Pipeline实现SharePoint Framework web part 开发的持续集成和部署
Azure Pipelines是微软提供的一个用于代码持续集成以及部署的工具,可以利用它来实现SharePoint Framework代码的持续集成和部署。目前使用SharePoint Framework开发web part的步骤是:1,使用Yeoman创建webpart项目2,代码管理3,测试4,打包生成.sppkg文件5,将.sppkg文件上传到SharePoint A...原创 2019-04-18 11:10:57 · 883 阅读 · 0 评论 -
用SharePoint Framework实现照片墙web part
使用yo @microsoft/sharepoint创建web part:使用如下命令安装masonry-layout以及类型定义:npm install --save masonry-layout @types/masonry-layout安装pnpjs,用来读取保存在SharePoint图片库中的图片: npm install --save @pnp/sp @pnp/o...原创 2019-06-14 00:49:51 · 521 阅读 · 0 评论 -
SPFx + MS Flow 实现简单审批流程
MS Flow的批准流程在批准的时候会重定向到一个批准的界面,这会让用户感到困惑,页面也不友好。为了可以灵活定制化提交/批准页面,并且让用户一直停留在SharePoint中提高用户体验,我放弃了MS Flow的批准流程模板,仅让MS Flow发送邮件,然后使用SPFx web part来实现页面。所以这篇博客介绍在SharePoint Online环境中,如何结合SPFx,列表和MS Flow来实...原创 2019-08-27 14:23:18 · 933 阅读 · 0 评论 -
一个SPFx的部署错误
今天在部署一个.sppkg文件到App Catalog中的时候,出现了一个错误:Component ID {0} exists in solution {1} already第一个原因可能是某个web part的ID出现了重复(有时候会直接copy一个webpart),解决方法是首先将这个包从App Catalog中移除(删除并且在回收站中删除),然后打开项目中的每一个*manifest...原创 2019-07-26 15:38:11 · 389 阅读 · 0 评论 -
关于SPFx解决方案部署方式的总结
本文总结了SPFx解决方案的部署方式以及在部署前需要考虑的问题。首先考虑打包,SPFx提供了两种打包方式,一种是在.sppkg文件中包含代码,一种是不包含代码。这个可以在配置文件“package-solution.json"中指定:"includeClientSideAssets": true, //true为包含代码,false为不包含代码1,包含代码 主要用于Office CD...原创 2019-08-23 14:31:37 · 767 阅读 · 8 评论 -
SharePoint Framework v1.8新功能: 域隔离的web part (Isolated Web part)
SharePoint Framework 1.8版本正式支持域隔离web part。1,什么是域隔离webpart(isolated webpart)?与我们通常说的SPFx客户端web part不同,域隔离的webpart运行在嵌入页面的一个iframe中。如果当前站点是https://contoso.sharepoint.com,则域隔离的webpart会运行在https://cont...原创 2019-07-26 17:02:15 · 469 阅读 · 0 评论 -
SharePoint Framework 1.9 发布了!
SharePoint Framework 1.9在本月的23号发布了!来看一下1.9版本的新功能。1, 库组件正式发布GA版本。在之前的1.8版本中,库组件还是预览版本,现在可以在SharePoint Framework的正式版本中使用库组件了,关于库组件的介绍请参见:SharePoint Framework v1.8新功能:使用库组件(Library Component)在webpart间共...原创 2019-07-26 17:18:29 · 273 阅读 · 0 评论 -
记录一个使用pnpjs时遇到的一个问题
使用SPFx创建了一个webpart,其中使用pnpjs访问列表,在online workbench中一切正常,因为workbench的url是https://contoso.sharepoint.com/sites/testweb/_layouts/15/workbench.aspx代码如下,这里使用sp这个全局对象,获取当前web,然后读取list数据:sp.web.lists ...原创 2019-06-28 10:07:31 · 693 阅读 · 0 评论 -
在SharePoint Framework中使用SPHttpClientBatch对象批量添加,更新item
在上一篇博客使用SPHttpClient对象与SharePoint交互中介绍了如何使用SPHttpClient对象调用SharePoint Rest API,这篇博客会继续介绍如何批量发送请求,减少请求的次数。在SharePoint Framework 1.8.2正式版本中,SPHttpClient对象支持三个方法:其中并没有批处理方法。但是在1.8.2的developer previ...原创 2019-06-11 21:47:28 · 535 阅读 · 0 评论 -
SharePoint Framework (SPFx) v1.8.2发布了
SharePoint Framework (SPFx) v1.8.2已经发布了,我们来看一下这个版本包含的内容:1,支持Nodejs 10!从1.8.2开始,正式支持Nodejs 10了。将来的版本会仍旧支持Nodejs 8,但是会在后面的某个版本中移除对Nodejs 8的支持。2, 项目减少了大概50-100MB的存储空间。使用Yeoman SharePoint Framework 生成...原创 2019-06-11 21:48:33 · 332 阅读 · 0 评论 -
使用JQuery调用SharePoint Rest API中的Batch命令批量添加,更新item
在SharePoint Framework中使用JQuery,调用SharePoint Rest API批量添加,更新item。这里使用Rest API中的Batch命令。1, 创建项目请参考这个微软官方文档创建SPFx项目:https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/add-jqu...原创 2019-06-11 21:46:10 · 782 阅读 · 0 评论 -
在生产环境中调试web part
发现一个非常实用的方法,可以在生产环境中调试SharePoint Framework web part.https://www.eliostruyf.com/sharepoint-framework-bookmarklet-tool-for-quick-and-easy-debugging/打开添加web part的生产环境页面,然后启动本地workbench工作台:gulp ser...原创 2019-06-14 09:13:02 · 383 阅读 · 0 评论 -
SharePoint Framework 1.7 新功能(一)动态数据(Dynamic Data)
SharePoint Framework 1.7版本发布了,带来了很多新功能,新功能的简介请参见这里。这篇博客介绍其中的新功能:动态数据(Dynamic Data)。在SPFx1.7版本之前,SPFx不同的组件之间通信会比较麻烦,动态数据的功能就是为了解决SPFx组件之间通信的问题。动态数据分为两个部分,一个是动态数据源,一个是数据接收者。动态数据源既可以是一个webpart也可以是一...原创 2019-03-05 13:20:19 · 608 阅读 · 0 评论 -
SharePoint Framework项目模板生成器的增强版本 “PnP generator” 简介
SharePoint Framework的yeoman项目模板生成器,是SharePoint Framework开发的主要工具。通过生成器可以自动创建不同的项目模板,方便项目的开发和部署。但是目前SPFx的yeoman模板生成器(以下简称SPFx generator)虽然已经是1.7.1的版本了,但还是有一些不方便的地方,例如:提供的前段框架较少。目前SPFx generator只提供了Rea...原创 2019-02-25 13:53:59 · 395 阅读 · 0 评论 -
使用SPFx一行代码实现Office 365文档库Modern UI中批量签出文档
Office 365中的文档库在经典UI (Classic UI)中是可以批量迁出文档的:但是当切换到现代UI(Modern UI)的时候,却无法批量迁出文档了,当选择多个文档时,在顶部命令栏和邮件菜单中都没有签出的选项。只能单个迁出:如果使用SPFx可以使用一行代码就在Modern UI中实现批量签出文档的功能。下面看看如何实现。开始之前需要配置SPFx开发环境然后使用Yeoman模板创建一个S...原创 2018-07-09 16:49:41 · 468 阅读 · 0 评论 -
(十)使用SPFx 页面扩展实现SharePoint Online页面定制化
上一篇博客(九)使用SP-Dialog自定义对话框中,我们使用sp-dialog组件自定义了对话框,这篇博客将使用SharePoint framework提供的页面扩展功能(Application Customizer)定制化SharePoint Online的页面,包括在页面顶端添加欢迎信息,在页面底部添加自定义信息,以及隐藏Office 365 SharePoint页面右上角的...原创 2018-04-08 21:37:36 · 1700 阅读 · 5 评论 -
(九)使用SP-Dialog自定义对话框
在上一篇博客(八)使用SPFx命令集扩展自定义列表操作中我们自定义了两个操作,并部署到SharePoint Online中。当我们点击按钮的时候,会弹出一个对话框: 这个对话框是使用SPFx提供的SP-Dialog实现的,SP-Dialog是微软提供的一个对话框组件,完全与SharePoint Online集成,在SPFx解决方案中(webpart和extension...原创 2018-03-28 22:01:25 · 873 阅读 · 4 评论 -
(八)使用SPFx命令集扩展自定义列表操作
在上一篇博客(七)创建一个字段并在SharePoint Online中使用中,我们创建了一个新的字段并部署在SharePoint Online中,本文将介绍如何使用SPFx提供的命令集扩展(CommandSet Extension)来自定义一个操作按钮,并将自定义的操作按钮添加到列表中。 首先还是使用Yeoman创建命令集扩展的解决方案: 在指定客户端组...原创 2018-03-28 20:15:04 · 647 阅读 · 0 评论 -
(七)创建一个字段并在SharePoint Online中使用
在上一篇博客(六)创建并调试SPFx字段扩展解决方案中我们使用Yeoman模板建立了一个SPFx字段扩展解决方案并且在SharePoint Online上演示了效果,这一篇博客将在此基础上创建一个新的字段,这个字段会对列表中的数字类型的字段求和。还是使用上一篇博客中的报销单这个列表,我希望添加一个自定义的栏,名称为”总计“,这个栏可以对报销单中的数字类型的栏求和并显示出来,如下所示...原创 2018-03-20 06:24:53 · 1025 阅读 · 0 评论 -
(六)创建并调试SPFx字段扩展解决方案
在上一篇博客(五)在webpart中实现SharePoint Online的增删查改(CRUD)操作中,我们在webpart里实现了与SharePoint Online的交互,这篇博客将使用SPFx提供的字段扩展(field Customizer)修改列表中某个字段的内容。 首先创建一个新的文件夹“spfx-field”,然后在这个文件夹中,使用Yeoman创建SPF...原创 2018-03-18 04:37:29 · 640 阅读 · 0 评论 -
(三)运行并调试webpart
在上一篇博客(二)使用Yeoman创建SharePoint Framework(SPFx)项目中,我们创建了一个简单的HelloWorld webpart,下面我们在本地运行这个webpart,首先打开Powershell进入项目文件夹”firstwebpart“,在运行webpart之前,需要在本地安装一个开发者证书,以在本地环境使用https协议运行和调试webpart,使用如...原创 2018-02-28 03:14:26 · 985 阅读 · 0 评论 -
(一)配置SharePoint Framework(SPFx)本地开发环境
使用SharePoint Framework (SPFx)首先需要做的就是配置开发环境。与以往的SharePoint on-premise开发不同,SharePoint Framework不需要配置SharePoint server, 但是需要一个Office 365的账户,用来访问SharePoint Online以及调试代码,如果还没有Office 365的账户你可以申请一年期...原创 2018-02-23 01:25:10 · 2104 阅读 · 0 评论 -
(二)使用Yeoman创建SharePoint Framework(SPFx)项目
这篇博客将介绍如何使用Yeoman快速创建SPFx项目,在此之前请参考上一篇博客”(一)配置SharePoint Framework(SPFx)本地开发环境“来配置本地开发环境。 Yeoman创建的SharePoint Framework(SPFx)项目有两种,一种是客户端webpart,一种是SPFx扩展(Extension)。客户端webpart顾名思义就是可以...原创 2018-02-25 00:47:31 · 1644 阅读 · 0 评论 -
申请一年期免费的Office 365企业版E3开发者账户
微软针对开发者提供一年期的免费企业版E3版本的Office 365,这篇博客将详细介绍申请流程。微软开发者账户页面申请地址:https://dev.office.com/devprogram。点击”JOIN NOW“,会出现一个表单,按照要求填写表单: 其中需要填写邮件,姓名,LinkedIn地址(可能是要做些背景调查),你所使用的技术和使用开发者版本的目标或者问题。...原创 2018-03-03 17:21:39 · 43700 阅读 · 0 评论 -
我为什么选择SharePoint Framework (SPFx)
SharePoint从诞生到现在已经十多年了,我是从2009年WSS 3.0和SharePoint 2007时代开始SharePoint研发的,到今天也要十年了。十年来经历了SharePoint的不断变迁,所做过的产品也不停地随之升级换代,从SharePoint 2007, SharePoint 2010, SharePoint 2013, SharePoint 2016一直到今天...原创 2018-02-23 00:00:27 · 1802 阅读 · 0 评论