Post on 10-Jan-2017
transcript
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
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