Slides from my into to SharePoint Online development talk at Dev/IT Connections 2013

1. Corey Roth
Principal Architect
Infusion
Intro to SharePoint
Online Development

2. www.devconnections.com
SESSION TITLE
COREY ROTH
 Principal Architect at Infusion Development
 SP2 Apps for SharePoint 2013
 Three-time Microsoft SharePoint MVP
 Specializing in ECM, Search, and apps
2

3. www.devconnections.com
SESSION TITLE
CONTACT INFO
 E-mail: coreyroth@gmail.com
 Twitter: @coreyroth
 Blog: www.dotnetmafia.com
 Apps: www.sp2apps.com
3

4. www.devconnections.com
SESSION TITLE
WHO IS USING OFFICE 365?
4

5. www.devconnections.com
SESSION TITLE
THINKING OUTSIDE THE BOX
5

6. www.devconnections.com
SESSION TITLE
TYPES OF CUSTOMIZATION
 Browser-based
 SharePoint Designer 2013
 Sandboxed Solutions
 App Model
6

7. www.devconnections.com
SESSION TITLE
CUSTOMIZATION LIMITATIONS
 No farm level features
 No site definitions
 Cannot modify
 built-in SharePoint files
 web.config
 security policies
 No changes to web server or .NET
framework
7

8. www.devconnections.com
SESSION TITLE
WHAT DO YOU NEED?
 Office 365 Account
 Visual Studio 2012
 Office Developer Tools
 No virtual machine required
 Developer Site Collection
8

9. www.devconnections.com
SESSION TITLE
CUSTOMIZATIONS WITH VISUAL
STUDIO
 Sandbox Solutions (deprecated)
 Apps
9

10. www.devconnections.com
SESSION TITLE
SANDBOXED SOLUTIONS
 Deprecated
 Some managed code can be deployed
 Still useful for deploying master pages
10

11. www.devconnections.com
SESSION TITLE
SHAREPOINT 2013 APP MODEL
11

12. www.devconnections.com
SESSION TITLE
WHY APPS?
 Recommended option for customizations
 Allows for different customizations over
sandboxed solutions
 Code isn’t deployed to the server
 Works on both SharePoint Online and on-
premises
12

13. www.devconnections.com
SESSION TITLE
WHAT CAN I DEPLOY WITH APPS?
 Lists
 Workflows
 Pages
 Client Web Parts (App Parts)
 Content Types and Site Columns
 Ribbon Custom Actions
13

14. www.devconnections.com
SESSION TITLE
COMPONENTS OF AN APP
 Client-side Code
 Deployable SharePoint Components
 Features
 Solution files
 AppManifest.xml
14

15. www.devconnections.com
SESSION TITLE
APPMANFIEST.XML
 Title, Version, and Icon of app
 Permissions
 Prerequisites
 Supported Locales
 Remote Endpoints
15

16. www.devconnections.com
SESSION TITLE
APPS – HOSTING MODELS
 SharePoint Hosted
 Provider Hosted
 Auto-hosted
16

17. www.devconnections.com
SESSION TITLE
SHAREPOINT HOSTED APPS
 SharePoint hosts the app
 Client side code using JavaScript
 No server side code
17

18. www.devconnections.com
SESSION TITLE
DEMO
SharePoint Hosted Apps
18

19. www.devconnections.com
SESSION TITLE
PROVIDER HOSTED
 Host server side code remotely
 You provide the server(s)
 Must account for multiple tenants
19

20. www.devconnections.com
SESSION TITLE
AUTO-HOSTED APPS
 Remotely hosted server side code
 Web application automatically provisioned
with Azure
 Available only with SharePoint Online
 Can deploy custom databases
20

21. www.devconnections.com
SESSION TITLE
SHAREPOINT 2013 APIS
21

22. www.devconnections.com
SESSION TITLE
API
 Client Side APIs required
 New functionality in REST and CSOM
22

23. www.devconnections.com
SESSION TITLE
API CHOICES
 JavaScript Object Model (JSOM)
 JavaScript + REST
 Managed Client Object Model
 Managed + REST
23

24. www.devconnections.com
SESSION TITLE
JAVASCRIPT OBJECT MODEL
 Similar to 2010 but more functionality
 User Profile, Taxonomy, Search, etc
 Suitable for all app models
 Managed Metadata only available through
JSOM
24

25. www.devconnections.com
SESSION TITLE
DEMO
JavaScript Object Model
25

26. www.devconnections.com
SESSION TITLE
REST
26

27. www.devconnections.com
SESSION TITLE
REST URL STRUCTURE
27

28. www.devconnections.com
SESSION TITLE
28
REST
QUERY
OPTIONS

29. www.devconnections.com
SESSION TITLE
REST URL EXAMPLES
http://server/site/_api/web/lists
http://server/site/_api/web/lists/getbytitle('listname')
http://server/site/_api/web/lists/getbytitle('listname')/items(2)
http://server/_api/search/query?querytext=’SharePoint’
http://server/_api/social.feed/my/news
http://server/_api/SP.UserProfiles.PeopleManager/GetMyProperties
29

30. www.devconnections.com
SESSION TITLE
REST IN SHAREPOINT
 Lists
 Sites
 User Profile
 Social
 Search
 Publishing
30

31. www.devconnections.com
SESSION TITLE
JAVASCRIPT + REST
 REST support greatly expanded
 Old REST services (listdata.svc) deprecated
 Must specify odata=verbose
 Build REST URL and use $.ajax()
 Include Headers: { “Accept”: “application/json;
odata=verbose” }
31

32. www.devconnections.com
SESSION TITLE
DEMO
JavaScript + REST
32

33. www.devconnections.com
SESSION TITLE
MANAGED CLIENT OBJECT MODEL
 Useful for provider hosted apps
 Similar to JavaScript model
 With SPO, not required to configure secrets
for authentication
33

34. www.devconnections.com
SESSION TITLE
MANAGED CLIENT OBJECT MODEL IN
APPS
 TokenHelper.cs provides code to get a
context token
 Use TokenHelper to get an access token
 Store access token locally for subsequent
requests
 Use access token to get ClientContext on
subsequent requests
34

35. www.devconnections.com
SESSION TITLE
DEMO
Provider Hosted App with Managed Code
35

36. www.devconnections.com
SESSION TITLE
TEST ENVIRONMENT
 Buy another Office 365 Tenant
 Separate private site collection
36

37. www.devconnections.com
SESSION TITLE
RESOURCES
37