SharePoint Add-in Model (App Model) 介绍 – 概念、托管方式、开发语言
SharePoint Add-in Model 是自 2013 版本以来引入的新的扩展性开发模型, SharePoint 开发者可以利用这种新模型来实现往常利用场解决方案 (Farm Solution)或沙盒解决方案 (Sandbox Solution)进行的站点定制化 (Customizations)。提到站点定制化,常见的用户场景包括:
- 实现一个自定义的Web 组件 (WebPart), 使得用户在编辑网站页面时可以添加该 Web 组件到页面上。
- 实现一个事件接收器 (Event Receiver),使得文档或列表发生新增、删除、更新等操作时触发相应的逻辑。
- 实现一个计时器任务 (TimerJob), 定期执行某项任务。
- 通过程序化的方式定义一个列表,并对其进行增删改
- 定义网站栏( Site Column)、内容类型(Content Types)
- 程序化的方式创建网站集 (Site Collection)、网站 (Site),并创建新的文档库(Document Libarary),为网站设置主题(Theme),
- 程序化的方式部署母版页(Master Page)、网页布局(Page Layouts)
- 更多...
这些定制化在 Add-in Model 中绝大多数都是被支持的, 我们会在后续的文章中深入探讨。具体如何实现,可以参考 GitHub 上的开源代码实现: O365 Patterns and Practices (PnP) 项目
什么是 Add-in Model?
它是 SharePoint 提供的用来让开发者扩展自身功能的一种开发模型, 基于这种模型开发出的定制化解决方案, 通常称作 SharePoint Add-ins(我们暂且称它为定制化程序)。
Add-in 模型提供了一种机制, 让开发者像开发普通 Web 应用程序一样开发 SharePoint 定制化程序。这使得围绕 SharePoint 定制化的开发变得更加开放, 开发者可以使用更多的 Web 技术、框架快速构建出自己想要的解决方案。所以,简单说来: 基于 Add-in Model 的开发, 就是 Web 应用程序的开发。
简单说来, Add-ins 就是 Web 应用程序。
“如果你了解如何开发常见 Web 应用程序, 那么,你已经了解了如何基于 Add-in 模型去开发 SharePoint 定制化方案了…”
如何托管定制化方案(Add-ins)
既然基于 Add-in 模型的开发,更多的是 Web 应用程序的开发,那么开发出来的 Add-ins 如何部署, 托管在哪呢?
Add-in 模型提供了两种方式: SharePoint 自托管、Provider-Hosted 方式。
基于 SharePoint自托管( SharePoint-hosted) 方式实现的 Add-ins
特点 | 描述 |
---|---|
Add-ins 入口 | 安装后,网站内容(Site Content)中包含入口瓷块(tile) |
可以包含哪些 UI 组件 | add-in 组件(parts) 和 自定义按钮(Custom Actions. that is, custom ribbon buttons or menu items)。 可以通过 XML 文件的方式在 Add-ins 中包含如下组件:
|
可用的编程语言 |
|
基于 Provider-Hosted 方式实现的 Add-ins
SharePoint 自托管方式支持的组件, 基于 provider-hosted 方式的 Add-ins 中也支持。
Provider-Hosted 方式, 是指将开发出来的 Add-ins 托管在 SharePoint farm 外部的任何服务器上, 这些服务器从硬件的角度上可以是开发者指定的一台物理机或者 Windows Azure 上的虚拟机。 而从软件的角度上, 它可以是由 Microsoft IIS 做支撑,也可有由开源的 Apache、Nginx、Tomcat等等。开发者可以利用这些 Web 服务器支持的开发语言如 C#、 JS、HTML、PHP、JAVA 等等来进行开发。
由于 Add-ins 托管在 Farm 外面, 所以如果实现和 SharePoint 网站风格一致,可以利用 SharePoint 提供的 Chrome 控件。代码如下:
$(document).ready(function () {
//Get the URI decoded SharePoint site url from the SPHostUrl parameter.
var spHostUrl = decodeURIComponent(getQueryStringParameter('SPHostUrl'));
//Get the URI decoded SharePoint app web url from the SPAppWebUrl parameter.
var appWebUrl = decodeURIComponent(getQueryStringParameter('SPAppWebUrl'));
//Get the isDialog from url parameters
var isDialog = decodeURIComponent(getQueryStringParameter('IsDlg'));
//Build absolute path to the layouts root with the spHostUrl
var layoutsRoot = spHostUrl + '/_layouts/15/';
//load all appropriate scripts for the page to function
$.getScript(layoutsRoot + 'SP.Runtime.js',
function () {
$.getScript(layoutsRoot + 'SP.js',
function () {
//Create a Link element for the defaultcss.ashx
//resource
var linkElement = document.createElement('link');
linkElement.setAttribute('rel', 'stylesheet');
linkElement.setAttribute('href', layoutsRoot + 'defaultcss.ashx');
////Add the linkElement as a child to the head
//section of the html
var headElement = document.getElementsByTagName('head');
headElement[0].appendChild(linkElement);
//Load the SP.UI.Controls.js file to render the App Chrome
$.getScript(layoutsRoot + 'SP.UI.Controls.js', renderSPChrome);
});
});
function chromeLoaded() {
$('body').show();
}
//function callback to render chrome after SP.UI.Controls.js loads
function renderSPChrome() {
//Set the chrome options for launching Help, Account,
// and Contact pages
var options = {
'appTitle': document.title,
'onCssLoaded': 'chromeLoaded()'
};
//Load the Chrome Control in the divSPChrome element of the page
var chromeNavigation = new SP.UI.Controls.Navigation('divSPChrome', options);
chromeNavigation.setVisible(true);
}
Remote data can be blobs, caches, message queues, content delivery networks (CDN), and databases, among others. And databases can be any type including relational and object-oriented. The remote data can be accessed in a variety of ways. For example, you can use Business Connectivity Services (BCS) to surface the data in a SharePoint list. Another option is to expose data in a grid on a page of a remote web application.
Add-ins 可以利用 APIs 来和 SharePoint 资源进行交互, 主要包括以下几种:
- 利用 .NET 开发时, 可使用 SharePoint 客户端对象模型 (Client-Side Object Model 简称 CSOM)
- REST/OData APIs
SharePoint Add-ins use SharePoint APIs to connect and integrate with SharePoint features—search, workflow, social networking, taxonomy, user profiles, BCS, and more. This lets them read documents, do searches, connect people, and perform CRUD operations.
内容同步发布在 simpeng.net 和 http://www.cnblogs.com/simpeng/p/4900591.html
SharePoint Add-in Model (App Model) 介绍 – 概念、托管方式、开发语言的更多相关文章
- Django基础核心技术之Model模型的介绍与设计
Django基础核心技术之Model模型的介绍与设计原创: Yunbo Shi Python Web与Django开发 2018-05-03Django网络应用开发的5项基础核心技术包括模型(Mode ...
- laravel路由无法访问,报404,No query results for model [App\Models\...]
今天遇到了一个问题,在routes/web.php中配置了路由,但始终无法访问该路由,一直报404. Route::resource('gift_packs', 'GiftPacksControlle ...
- SharePoint 2013 术语和术语集介绍
托管元数据是一个集中管理的术语的分层集合,我们可以定义术语和术语集,然后将其用作 SharePoint Server 2013 中项目的属性.简单的说,术语是一个可与 SharePoint Serve ...
- 《ASP.NET MVC4 WEB编程》学习笔记------Entity Framework的Database First、Model First和Code Only三种开发模式
作者:张博出处:http://yilin.cnblogs.com Entity Framework支持Database First.Model First和Code Only三种开发模式,各模式的开发 ...
- 架构-层-Model:Model
ylbtech-架构-层-Model:Model 1.返回顶部 1. Model,意思是模特儿,模特儿是英文“model”的音译.模特一般来说要五官端正,身材良好,有气质,展示能力强,另外身高要具备一 ...
- 飞达资讯App总体介绍及关系架构图
飞达资讯App总体介绍: 下图为飞达资讯App的关系架构图: 该App关系架构图所需的图片云盘链接地址:http://pan.baidu.com/s/1gfHIe4b 提取密码:x1nr 该App的云 ...
- [原创]互联网金融App测试介绍
[原创]互联网金融App测试介绍 前端时间非常忙,终于非常忙的时间过去了,抽时间总结下我现在所在公司理财软件App测试,也各位分享下,也欢迎大家提建议,谢谢! 先介绍下我所在公司的产品特点,公司所研发 ...
- asp.net MVC中的@model与Model
asp.net MVC中的@model与Model https://blog.csdn.net/ydm19891101/article/details/44301201 在MVC的实际使用中,我们经常 ...
- MVC中Model和model的区别和用户
MVC中Model和model的区别,它们应该怎么用呢? 使用@model关键字可以定义一个Action里所对应的一个模型(经常可以叫他实体类). MVC的第一个字母M是Model,承载着View层和 ...
随机推荐
- CocoaPods详解之(三)----制作篇
CocoaPods详解之----制作篇 作者:wangzz 原文地址:http://blog.csdn.net/wzzvictory/article/details/20067595 转载请注明出处 ...
- WPF 在绘图控件(Shape)中添加文字 [2018.7.15]
原文:WPF 在绘图控件(Shape)中添加文字 [2018.7.15] Q:使用Shape的子类Ellipse画一个圆,如何在圆中添加文字? A:Shape类中不包含Text属性.可使用Shape类 ...
- 用Canvas画一个刮刮乐
Canvas 通过 JavaScript 来绘制 2D图形.Canvas 是逐像素进行渲染的.开发者可以通过javascript脚本实现任意绘图.Canvas元素是HTML5的一部分,允许脚本语言动态 ...
- win10 支持默认把触摸提升鼠标事件 打开 Pointer 消息
原文:win10 支持默认把触摸提升鼠标事件 打开 Pointer 消息 在 WPF 经常需要重写一套触摸事件,没有UWP的Pointer那么好用. 如果一直都觉得 WPF 的触摸做的不好,或想解决 ...
- android (12) Fragment使用
一.Fragment概要: 于Fragment经,布局更好地适应各种尺寸的android打电话,加方便的实现不同页面的切换,就不像曾经activity的跳转那样的麻烦了.能够在activity中嵌套不 ...
- 一个2013届毕业生(踏上IT行业)的迷茫(3)
高中,是校园题材中出现最多的角色,但我的高中缺非常灰淡.我上的高中在我们镇上,记得在上小学的时候我哥在高中,我每次从学校门口过的时候都感觉高中好大,门口好漂亮,但是我从来都没敢进去.就在2006年我以 ...
- java 中的两个常用命令
这两个命令,分别为,javac 和java 实际操作如下图:
- 【转】解决yum安装软件报Couldn't resolve host 'mirrorlist.centos.org问题
转自:http://blog.51cto.com/oldcat1981/1719825 今天在linux环境通过yum安装软件报了以下错误: [root@multi-mysql yum.rep ...
- WPF MVVM系列文章
网上搜到了MSDN Magazine上Laurent Bugnion的系列文章. 以下为关于WPF的优秀实践,很有必要阅读. 很吸引人的标题有: IOC Containers and MVVM Mes ...
- Oracle 如何删除掉一个用户下的所有对象
create or replace procedure drop_all as cursor cur_obj is select uo.OBJECT_NAME, uo.OBJECT_TYPE from ...