Silber-Partner: Veranstalter:

Branding Deployment in Office 365 und SharePoint 2013/2016

Stefan Bauer (@stfbauer)

n8d.at/blog@StfBauer

Information Architect Vienna / Austria

Overview

•Pro / Con of current deployment methods •Tips & Tricks on deploy branding •Web Parts / Display Templates / JS Link

Which assets to deploy?

Fields / Content Types Master Page Page Templates Images Themes CSS

Display Templates JS Link Overrides XSLT Style Sheets Web Parts HTML Snippets List Items

http://my.n8d.at/21Bzagz

Methods of deployment

OLD FASHIONED WAY

•Copy & Paste

• Farm solutions

•Sandbox Solutions

THE NEW WAY

•Provider-hosted add-ins

•SharePoint hosed add-ins

•PowerShell Deployment (PNP)

Old fashioned way

Farm solution SharePoint 2007 – 2016

Ghosting Performance Easy to upgrade

Not for Office 365

Sandboxed solution SharePoint 2010 – 2016

Limited access SharePoint Just for file / Content Type Deployment

No custom code No auto check in of files

The new way

Provider hosted add-in

• SharePoint App • Separate Web Site • App Registration

• On-premises / Office 365

SharePoint hosted add-in

• Upload app • Add to web site

• On-Premises / Office 365

JSOM / RESTCSOM / REST

Methods of deployment

OLD FASHIONED WAY

•Copy & Paste

• Farm solutions

•Sandbox Solutions

THE NEW WAY

•Provider-hosted add-ins

•SharePoint hosed add-ins

•PowerShell Deployment (PNP)

The new way – Office PNP PowerShell Deployment

The new way – Office PNP PowerShell Deployment

https://github.com/officedev/pnp-powershell/

Demo – Field deployment

Provision throughSharePoint Hosted Add-ins

Challenges with SharePoint hosted add-ins

AJAX Christmas Tree

Jumping between functions

Hard to read and change

Hardly reusable

Improved through Promises

JQuery -How promises work

JQuery – how promises work

jQuery – How promises work

jQuery – How promises work

Demo – Field deployment

Deployment of binary files – JQuery

• Reading of binary files is not supported • Broken

• Support can be added through extension

Deploy binary fiels – JavaScript

Demo – Binary Fileshttps://github.com/OfficeDev/PnP/tree/master/Samples/

Core.JSOM.BinaryUpload

Display Templates

1. Deploy HTML file 2. Publish HTML file 3. Automatically generate JavaScript File

JSLink, Web Parts

• Site Collection / Web Related • XSLT Styles

• ~siteCollection

• Replace manually with target web address

Recap

• Don’t use Farm Solutions or Sandbox Solutions anymore

• Use Promises • Better structure your code • Performance

• Use techniques that work in • SharePoint on-premises • Office 365

FRAGEN?

Ich freue mich auf Ihr Feedback!

Silber-Partner: Veranstalter:

Vielen Dank!Stefan Bauer