博客地址:http://blog.csdn.net/FoxDave 使用外部脚本 在使用现有的JavaScript脚本库时,开发者可以选择将它们包含在web部件代码包中,或者从外部的URL加载.从外部的URL加载这些库可以优化SPFx解决方案的性能.由于库时从外部URL加载的,它们不需要包含在web部件包中,这减小了它的大小以使它加载得更快.并且,在整个租户内引用相同的库,SPFx解决方案通过重用之前缓存到本地的脚本库而加载得更快. 在哪加载库并没有限制,但是对于知道从哪些服务器加载它们很重要.…
博客地址:http://blog.csdn.net/FoxDave 使用SPFx,你的企业可以轻松构建解决方案跟Office 365和SharePoint Online集成.SPFx解决方案基于现代web技术和不同的移动设备工作,你可以马上创建响应式的和移动端兼容的丰富用户体验和应用.为了从SharePoint Solution取得最大的成效,你的公司应该有一套可行的管理方案. SPFx解决方案解析 SPFx解决方案由两部分组成:部署到URL的代码(通常指web部件包)和一个包含web部件清单的…
博客地址:http://blog.csdn.net/FoxDave 上一篇介绍了如何在本地调试你的SharePoint Framework解决方案,本篇介绍如何调试你的SharePoint Online上的解决方案,其实是类似的,只是一些配置不同而已,但是为了使文章更清晰,所以单独写出. 为托管workbench创建调试配置 在调试需要跟SharePoint交互的解决方案时,你需要验证是否能够正确通信.验证的方法很简单,使用在线的workbench即可,链接为https://yourtena…
博客地址:http://blog.csdn.net/FoxDave Visual Studio Code不知道大家都有没有,界面清爽,编辑快速,是一个非常好的前端开发工具.本文介绍如何使用Google Chrome和Debugger for Chrome Visual Studio Code扩展来调试SharePoint Framework解决方案. 准备工作 首先安装Google Chrome,具体过程不表了,下载地址为:https://www.google.com/chrome/brow…
博客地址:http://blog.csdn.net/FoxDave 接上一讲 SharePoint Framework部署范围 对于SharePoint Framework解决方案,只有一个部署范围:租户级别.一旦添加并激活,应用程序目录中的SPFx解决方案会在所有网站集可用. SPF没有像SharePoint Add-ins一样的商店,因此在部署时需要租户管理员来手动添加并批准解决方案包. 备份和还原SPFx组件 SPFx解决方案没有专门的备份还原功能.从管理员的角度看,建议对所有安装的解决方…
作者:陈希章 发表于 2017年12月25日 前言 通过前面几篇文章,我相信大家对于SharePoint Online的开发有了更加全面的认识,上一篇 介绍的SharePoint Add-in的开发,这种方式最开始是在2013年提出来的,目前仍然是受主流支持,不仅仅可用于SharePoint Server,也可以用于SharePoint Online. 与此同时,在2016年,一个新的开发框架浮出水面,它的名字叫做SharePoint Framework,也可以缩写为SPFx.产品组提出这套框架…
博客地址:http://blog.csdn.net/FoxDave SharePoint Framework包含一些客户端JavaScript库,你可以用来构建自己的解决方案.本文提供了你可以用来开发客户端web部件的工具和库的概述. TypeScript TypeScript是JavaScript的超类型,它以纯JavaScript编译.SharePoint客户端开发工具使用TypeScript类.模型和接口进行编译,你可以使用这些来构建强壮的客户端web部件. 开始使用TypeScrip…
博客地址:http://blog.csdn.net/FoxDave 本篇介绍SPFx项目的一般开发流程.SharePoint Framework基于开源的工具链,也遵循开源技术栈中其他项目的开发流程.那么在一个典型的SPFx项目中,这种流程是什么样的呢? 创建SPFx项目 在使用SPFx进行SharePoint自定制时,第一步是使用Yeoman生成器创建新的SPFx项目.建议每个SPFx项目中只使用一种框架,否则会比较乱也不好维护,且有冲突. 锁定依赖库的版本 使用生成器创建好的SPFx项目包含…
博客地址:http://blog.csdn.net/FoxDave 管理SPFx解决方案的容量 所有部署到租户的SPFx解决方案必须被租户管理员审批通过.这是通过上传SPFx包(.sppkg)到Apps for SharePoint这个库来完成的.当一个新的解决方案被添加到库时,管理员会收到一个对话框来询问是否允许该解决方案在租户内被使用.对话框会解释这是一个完全信任的客户端代码解决方案,并没有任何的资源限制,在用户上下文中执行.该对话框还显示了它会主要从哪个域获取内容,即SharePoin…
博客地址:http://blog.csdn.net/FoxDave 构建关于SPFx自定义的计划 在SPFx引入的时候,你就需要对它进行规划了.规划要从介绍SPFx解决方案使用的新的技术栈开始.开发者可能需要对于使用TypeScript作为主要的开发语言进行培训来编写SPFx代码,取决于开发者之前的技术背景.另一个SPFx开发者可能需要学习的方面是SPFx的工具链,包括node.js,npm和Gulp,以及如何使用不同的Gulp任务来构建,打包和部署解决方案.推荐从下面的链接开始:Offic…
博客地址:http://blog.csdn.net/FoxDave 简介 SharePoint Framework(SPFx)是一个新的SharePoint用户接口扩展的开发模型,它用来补充现有的用户接口模型如SharePoint Add-in模型.SPFx允许使用客户端框架来丰富SharePoint用户接口.基于现代Web技术标准,它提供了一个独特的功能集合,使开发者和企业能更灵活地自定义SharePoint,但同时也跟传统的SharePoint模型保持一致.本文将会介绍在SharePoi…
SharePoint Framework(SPFx),是页面 和Webpart的模型,完全支持本地开发(即完全可以脱离SharPoint环境在本地进行开发),听起来是不是很高级呢,早期SharePoint Webpart的开发,我们必须连接到SharePoint环境才能进行测试,有了SPFx我们可以通过Mock的数据在本地调试样式.SPFx很容易和SharePoint数据进行集成,并且支持一些开源的工具,你可以在SPFx中使用流行的web 技术开发响应式的SharePoint Add-in. 为…
博客地址:http://blog.csdn.net/FoxDave 你需要一个Office 365开发者租户来使用预览版SharePoint Framework构建和发布客户端web部件.你的租户必须是一个开发者租户,不仅仅是一个网站集. 注册一个Office 365开发者租户 如果你已经有了一个Office 365开发者租户,请直接查看下一个部分. 如果你没有,到Office Developer Program去注册一个,你会收到一个欢迎邮件,邮件里面的链接可以注册一个Office 365…
博客地址:http://blog.csdn.net/FoxDave 本文翻译自新出的SharePoint Framework概述介绍文章,原文地址:http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview 注意:SharePoint Framework目前是预览版,会随时更新,目前并不支持在生产环境使用SharePoint Framework 客户端Web部件. SharePoint Framework(…
前言 SharePoint Framework(SPFx),是页面 和Webpart的模型,完全支持本地开发(即完全可以脱离SharPoint环境在本地进行开发),SPFx包含了一系列的client-side JavaScript类库用于开发你的solution,下面介绍一下用于开发client-side web parts的工具和类库. 1.1为什么选择SPFx 在SharePoint Online出来之前,对于SharePoint WebPart的开发,基本上都是编写C# code,然后编译…
博客地址:http://blog.csdn.net/FoxDave JavaScript库格式 不同的JavaScript库的编译和打包方式各不相同.一些是以模块的方式打包的,而另一些是以纯脚本运行在全局的方式.当从URL加载JavaScript库时,你要如何注册外部脚本取决于脚本的格式.脚本的格式有许多中:AMD.UMD或CommonJS,但只需要知道该脚本是不是一个模块即可. 在注册打包为模块的脚本时,唯一需要做的事情是指定特定脚本需要从哪个URL加载.另一方面,非模块化脚本需要最小范围脚本…
博客地址:http://blog.csdn.net/FoxDave 升级SharePoint Framework项目 部署SharePoint自定制解决方案到生产环境并不意味着生命周期的结束,因为还有有新的需求或变更.在升级项目时需要考虑以下一些事情. 语义化版本(SemVer) SPFx项目使用SemVer来跟踪版本号,其实就是我们通常所说的版本,如1.0.1,它由三部分组成:主要版本.次要版本.补丁.对于SPFx项目来说,由如下约定: 主要版本:修改不是向下兼容的 次要版本:新增向下兼容的新…
博客地址:http://blog.csdn.net/FoxDave 确保代码一致性和质量 软件开发团队常常同项目的一致性和高质量做斗争.不同的开发者有不同的编码风格和偏好.在每个团队都有技术优秀的独立开发者和相对经验较少的开发者.并且,许多组织都有特定的软件开发必须遵守的条例.所有的挑战都使得开发者难以一直关注,特别是当项目结束日期近在咫尺时,开发者往往通过牺牲质量而把任务尽快完成,长久来看这种做法危害更大. 选择JavaScript库并使用代码规范 如果你的团队以前构建过SharePoint定…
博客地址:http://blog.csdn.net/FoxDave SharePoint Framework是新的用来构建SharePoint自定制的开发模型,它专注于客户端开发并用热门的开源工具gulp.webpack等进行编译.这带来的最大优势是任何开发平台的开发者都可以参与SharePoint自定制的开发. SharePoint Framework由一些不同的包组成,这些包有各自的版本.例如GA版的SPFx由以下包组成: @microsoft/sp-client-base v1.0.0 @…
博客地址:http://blog.csdn.net/FoxDave 接上一讲 嵌入JavaScript脚本 开发者常常使用的比较受欢迎的开发方式是嵌入JavaScript脚本,也叫JavaScript注入.这意味着向网站和页面如自定义操作.母版页和页面布局,甚至是脚本编辑器web部件中插入任意的JavaScript脚本.这种方式流行是因为它要比创建SharePoint承载的Add-ins要简单得多,并且可以允许脚本代码在完整的用户上下文中运行.另一方面,这种实现方式的不利影响在于它们都是操作…
博客地址:http://blog.csdn.net/FoxDave 开发者视角 SharePoint开发者,无论是新手还是有经验的,都可以从SPFx中获取一些东西.当前SPFx的发布版本专注于以一种安全和结构化的方式使开发者能够做用户接口扩展的案例,通过客户端web部件扩展SharePoint用户接口.这些web部件在客户端执行,可以跟SharePoint数据交互,或是在Office 365中通过Graph API,甚至是你使用标准OAuth和REST方法自定义的web api. 一个有经验…
博客地址:http://blog.csdn.net/FoxDave 你可以使用Visual Studio或者是你自己的开发环境来构建SharePoint客户端web部件.你可以使用Mac.PC或是Linux. 安装开发工具 NodeJS 安装NodeJS的Long Term Support(LTS)版本. >如果你已经安装了NodeJS,请检查以确保你的是最新版本,使用命令node -v.该命令会返回当前的LTS version. 安装就正常下一步就可以了,现在官网推荐的最新版本是4.5.0…
对于题目的解释就是   当我点击一下解决方案管理器中的 某一个文档时, 编辑窗口会联动的   同步到对应的窗口。之前好像被我无意中关掉了,今天重新建立一个项目无意中发现怎么设置了 如果想点击右边的文档  左边编辑窗口同步  请如图点击 右边的选项,也就是预览选定项 如果已经想让右边同步到现在的编辑窗口,请点击 与活动文档同步,也就是左边的选项…
对于sharepoint 的解决方案  实际上就是cab的包 你把***.wsp改为***.cab我们就可以查看这个包中的所有内容了…
博客地址:http://blog.csdn.net/FoxDave 有许多第三方库可以帮助我们构建丰富的SharePoint Framework客户端web部件.并且这些JavaScript脚本常常包含一些资产如样式表.本文将介绍如何将第三方的CSS打包到你的Solution中.本示例将使用jQuery和jQuery UI来显示一个折叠样式. Note: 在此之前你需要先配置一下SPFx客户端web部件的开发环境. 准备项目 创建一个新的项目 首先打开命令行,在你喜欢的目录创建一个项目目录,如m…
博客地址:http://blog.csdn.net/FoxDave SharePoint Framework Extensions GA版本已经发布了,介于最近个人工作的变动调整,还没时间好好了解一下,等有机会会为大家进行介绍. 通过使用SPFx扩展,开发者可以使用application customizers来自定义SharePoint新网站的外观和功能,使用field customizers来自定义列表的风格,并能够直接使用命令集跟SharePoint用户体验集成. 原版文档地址 视频指导地…
博客地址:http://blog.csdn.net/FoxDave SPFx解决方案是如何被构建出来的--很重要 SPFx为SharePoint开发者在设计.编译和部署SharePoint自定义解决方案时提供了新的模型,该模型通过操作一套流行的web技术桟,专注于客户端/浏览器端的自定义.这标志着SharePoint开发的一个重要变化.使用TypeScript.Node.js.Yeoman.Gulp等SharePoint希望开发者去使用的之前从来没在SharePoint上使用过的框架和技术,…
博客地址:http://blog.csdn.net/FoxDave 把你的web部件连接到SharePoint来访问SharePoint中的功能和数据,为终端用户提供更完整的体验.本篇会基于之前构建的hello world的web部件继续改进. 运行gulp serve 不多数,这步还是首要的,否则没法进行调试的.确保你已经在命令行中运行了gulp serve这个命令. 访问页面上下文 当本地工作台被承载起来的时候,你是无法获得SharePoint页面上下文的,当然你仍然能用许多不同的方式测…
博客地址:http://blog.csdn.net/FoxDave SharePoint客户端web部件是出现在SharePoint页面的控件,但却是在浏览器本地运行的.他们是SharePoint网站的页面上的一个个小块.你可以使用现代的脚本开发工具和SharePoint工作台(一个开发测试平台)来构建客户端web部件,可以部署客户端web部件到O365开发者租户中的的传统的web部件页.并且对于纯JavaScript脚本的项目来说,你可以利用通用的脚本框架构建web部件,如AngularJ…
NuGet的官方说明是:NuGet是一款Visual Studio的扩展,它可以简单的安装.升级开源库和工具. 官网地址:http://www.nuget.org/ 官网最醒目的位置就是下载链接,安装完成后我们来快速体验一把. 手上有个小项目需要使用到json格式,一般情况我会先Google一下有没有相关的开源库(这个肯定是有的). 然后从一些博文中发现了Json.net,然后继续Google之,找到Json.net的官网,然后下载最新的稳定版本,找出DLL文件引用它. 是不是很复杂?很繁琐?(…