This document discusses patterns and considerations for developing add-ins for SharePoint. It covers the differences between SharePoint hosted and provider hosted add-ins. It also discusses things to consider like development skills required, hosting options, future-proofing, customers, and costs. Examples of using CSOM and REST APIs to create sites are provided.

1. Patterns in Add-ins
for SharePoint
Sonja Madsen

2. Add-ins
SharePoint hosted Provider hosted

3. Transport
Baggage
Time
Cost
People
Count

4. Patterns and Decision Making

6. SharePointMVP
SONJASAPPS
Consulting
Speaker
@sonjamadsen
sp2013.blogspot.com
dev@sonjasapps.com
www.sonjasapps.com
Sonja Madsen
#WPC15 Best International Developer

7. Things to Consider
• Development
• Skills
• Customers
• Content
• Hosting
• Future-proofing
• Cost

8. Skills
• Front-end
• Back-end
• Hosting

9. Development
• C# vs JavaScript vs PowerShell
• C# REST vs CSOM
• SharePoint API, Databases, Web Services
• SharePoint Content Types, Lists and Libraries
• Facebook, Instagram, Google +, Linkedin

10. using (var clientContext = spContext.CreateUserClientContextForSPHost())
{
if (clientContext != null)
{
WebCreationInformation creation = new WebCreationInformation();
creation.Url = webTitle;
creation.Title = webTitle;
Web newWeb = clientContext.Web.Webs.Add(creation);
clientContext.Load(newWeb);
clientContext.ExecuteQuery();
}
}
Create Site with Strongly Typed CSOM

11. Query.ajax({ url: "http://<site url>/_api/web/webinfos/add",
type: "POST",
data: JSON.stringify(
{'parameters': { '__metadata': {
'type': 'SP.WebInfoCreationInformation' },
'Url': 'RestSubWeb',
'Title': 'RestSubWeb',
'Description': 'REST created web',
'Language':1033, 'WebTemplate':'sts',
'UseUniquePermissions':false} } ),
headers: { "accept": "application/json; odata=verbose",
"content-type":"application/json;odata=verbose",
"content-length": <length of post body>,
"X-RequestDigest": $("#__REQUESTDIGEST").val() },
success: doSuccess, error: doError });
Create site with REST

12. DEMO
Instagram, CoffeeMaker

13. Instagram Demo - SharePoint Hosted
App Part
Start Page
JavaScript

15. Content
• Security Considerations
• IP Considerations
• EU Regulations

16. SharePoint Hosted
List
Content
Type
App Part
Start page
JavaScript

17. Provider Hosted
List
Content Type
JavaScript
C# code-
behind
Start page
SharePoint
hosted

18. Provider Hosted
C# code-behind
Start page
Send email
Schedule email
Database
SharePoint
hosted

19. Future-Proofing

20. Future-Proofing
• Maintenance
• Scalability
• Upgrade to SharePoint 2016
• Support
• Lifetime

21. Customers
• Custom Add-in or Office App Store
• Number of Instances per Customer
• Mobile Devices
• Authentication
• Provider

22. C# code-behind
Start page
Send email
Schedule email
Database
C# code-behind
Start page
Send email
Schedule email
Database
C# code-behind
Start page
Send email
Schedule email
Database
C# code-behind
Start page
Send email
Schedule email
Database

23. Hosting
• SharePoint on-premise or Office 365
• Hosting on Azure or On-premise
• Hosting partner

25. Cost

26. Summary

28. SharePointMVP
SONJASAPPS
Consulting
Speaker
@sonjamadsen
sp2013.blogspot.com
dev@sonjasapps.com
www.sonjasapps.com
Sonja Madsen
#WPC15 Best International Developer