What email address or phone number would you like to use to sign in to Docs.com?
If you already have an account that you use with Office or other Microsoft services, enter it here.
Or sign in with:
Signing in allows you to download and like content, and it provides the authors analytical data about your interactions with their content.
Embed code for: SharePoint Development for the reluctant IT PRO
Select a size
SharePoint development for the reluctant IT PRO
Elio Struyf & Thomas Vochten
Why did we need another development model?
Why would we care as administrators?
What do I need to know about the SharePoint Framework?
How exactly are dark-themed command-line tools cool again?
What about security?
How do I control which customizations make it into my tenant?
What about on-premises?
Never mind. Show me some code!
A brief lesson in history
Portal Server 2003
Portal Server 2001
Full Trust Code
Farm solutions - Feature pack (FTC)
What could go wrong with farm solutions?
What’s wrong with Sandboxed Solutions?
Still supported in SharePoint Online
Can work side-by-side with SPFx
Allow for great flexibility
Can become complicated very quickly
Use a different security model (IFrame)
Are not responsive (IFrame)
Can be distributed through the Store
Much simpler than SharePoint Hosted Add-Ins
But doesn’t use any model
Typically through content/script editor webparts
Heavy dependency on the DOM (Document Object Model)
Tendency to break when SharePoint Online changes
Difficult to control by the administrators: On or Off only
What can go wrong with client-side code?
What runs where?
How many scripts?
Do you actually know who wrote it?
What happens when your server crashes?
SharePoint Framework (SPFx)
The new hotness
A better model for client-side development
A unified and new way of working
A set of development and deployment rules
Tenant admins regain control over customizations
Use the same tools as the product team
Restrictions to development so SharePoint stays in control
SharePoint Framework v1.0.0
Generally available since February 2017
Focuses on user interface extensibility
Currently only offers web-part like functionalities
Uses client-side technologies
Works with SharePoint Online
New language, new tools, new frameworks
What is expected from you?
Rather steep learning curve for seasoned SharePoint developers
Embraces standard, modern web technologies
A lot more freedom when it comes to tools
Typically no Visual Studio is involved
Who benefits from SPFx?
General web developers
Designers (Office UI Fabric)
Vendors & integrators
Citizen developers… but maybe not so much
Great, I want to use this on-premises too!
SharePoint Server 2016 Feature Pack 2
No support for older SharePoint versions
SPFx - the Tools
All about being modern
Typical tooling for SharePoint Framework
Visual Studio (Code)
Frameworks – Choose yours
Web stack tooling comparison
SPFx Deployment & Governance
It’s all about control
Deploying SPFx customizations
.sppkg files are your new friends
Remove or disable the solution if needed
Just upload a new version when you need to
SharePoint Admin Center offers some statistics
Site collection administrator can add the solution to the site
Backup your package files and your CDN artifacts
It’s still all about trust!
Deploy to the App Catalog
Assets need to be deployed to a location under your control
Validation during deployment process by the admin
Important: do not give developers permissions to the app catalog and asset location
SPFx in the Enterprise (aka The Real World)
Create a plan!
Which tools to use and how to train your staff
Which frameworks to use
How and where to deploy (CDN)
Application Lifecycle Management and DevOps
Pro Tip: Unblock npm & GitHub sites in your firewall
SPFx Solution deployment
Get off my lawn!
It all runs in the context of the user
SharePoint Add-Ins have security isolation
But do you trust your developers?
Modern sites and “noscript”
“Noscript” is by default enabled on Modern Sites
What is the impact?
No custom scripts on pages
No JSLink in lists and libraries
No custom actions
What about the file location?
What is a CDN?
Content & static assets
Thoughts about using CDN’s
Critical part of the deployment
Choose a highly available & reliable one
Security implications of using a CDN are potentially big
Carefully consider and check every CDN in your organization
Office 365 has its own CDN, can be enabled through PowerShell.
Office 365 CDN
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
How farm solutions are bad.
How farm solutions are created.
Great for admins, not so great for developers
SharePoint will also support open source tooling to drive greater efficiencies when developing Parts and Apps. These tools should not be considered a replacement of an organizations traditional tools, but rather an extension of those, providing new opportunities to quickly get up and running with SharePoint development. If you’re familiar with Visual Studio development with SharePoint, this tools carry a lot of similarities with the tools you may already be familiar with for example:
Yeoman provides a generator ecosystem. A generator is basically a plugin that can be run with the `yo` command to scaffold complete projects or useful parts.
yo scaffolds out a new application, writing your build configuration (e.g Gruntfile, Gulpfile) and pulling in relevant build tasks and package manager dependencies (Bower, npm) that you might need for your build. This is similar to Project Scaffolding in Visual Studio.
Automation - gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow.
Platform-agnostic - Integrations are built into all major IDEs and people are using gulp with PHP, .NET, Node.js, Java, and other platforms.
Strong Ecosystem - Use npm modules to do anything you want + over 2000 curated plugins for streaming file transformations
Simple - By providing only a minimal API surface, gulp is easy to learn and simple to use
Office 365 – Postman demo - https://publiccdn.sharepointonline.com/estruyfdev.sharepoint.com/spfxassets/script3.js – Referer: https://estruyfdev.sharepoint.com
Cfr artikel van Elio
dmin Center offers some statistics
How and where t