This document discusses SharePoint hosted apps and Apps for Office. SharePoint hosted apps allow for hosting app code and assets on SharePoint, providing isolation and security. Apps for Office integrate with Office applications using different form factors like task panes, content types, and mail apps. They provide familiar tooling across different skill levels and can be developed using tools like Napa, Visual Studio, and accessed through the Office Store. The document also covers the architecture of common Office apps and how they interact with Office and server-side APIs while maintaining isolation.
8. Anatomy of a SharePoint Hosted app
Manifest
Code
JS CSS HTML ASPX
9. Reasons to use SharePoint hosted
apps
SYMMETRIC
IN OFFICE 365
AND ON-PREM
AUTHENTICATION
IS AUTOMATIC
INHERENT
MULTI-TENANCY
& ISOLATION
NO ADDITIONAL
COST
NO NEED FOR
ADDITIONAL
INFRASTRUCTURE
11. SharePoint component isolation
1 app installation = 1 “app web”
App webs are isolated in their own domain:
Host
https://contoso.sharepoint.com/site
web /
App
web
https://contosoappUID.sharepoint.com/site/app/
Leverages web browser same-origin policy for script isolation
13. What are Apps for Office?
Also known as Agaves . . .
Content Area
Task Pane
14. Apps for Office: Supported types
Application
Excel 2013
Excel Web App
Word 2013
Outlook 2013
Outlook Web App
PowerPoint 2013
Project Professional 2013
Supported types
•Task pane
•Content
•Content
•Task pane
•Content
•Mail (content)
•Mail
•Task pane
•Content
•Task pane
•Content
15. App Shapes for Office
Task Pane
App adjacent to the document
Content
App in the body of the document
Mail
Inline Pane on an email or appointment item
16.
17. App Shapes for Office
Task Pane
App adjacent to the document
Content
App in the body of the document
Mail
Inline Pane on an email or appointment item
18.
19. App Shapes for Office
Task Pane
App adjacent to the document
Content
App in the body of the document
Mail
Inline Pane on an email or appointment item
24. Familiar Toolset Across Skill Levels
Access Services 2013
“Napa” Office 365
Development Tools
Visual Studio 2012
The easiest way for a nondeveloper to build and publish
apps for SharePoint
A lightweight, in-browser
development experience
A great end-to-end
development experience for
highest customization
25. From Developer to End User
Office and SharePoint
Dev center
submission
Office Store
TRIAL/
PURCHASE
Integrated
Office
Store
TRIAL/
PURCHASE
Developer
Direct
SharePoint
App Catalog
Vendor/
IT projects
IT admin
End users
26. Client APIs
Server APIs
SharePoint
& Exchange
Office
Client
Server
3rd Party Services
Browser Host
APP
Web Server Host
Other Devices
& Clients
Common App Architecture
27. Client APIs
Server APIs
SharePoint
& Exchange
Office
Client
Server
3rd Party Services
Browser Host
APP
Web Server Host
Other Devices
& Clients
Common App Architecture
28. Parts of the App for Office
Web Page
App Manifest
HTML/CSS/JS
<XML>
App
29. Office Javascript API Overview
Office.context
Document
Project
Mailbox
R/WSelection
Selection
Item
Project Info
Bindings
User Profile
Tasks
Settings
EWS
CustomXmlParts
Properties &
Settings
30. Outlook App - Behind the scenes
App added manifest saved to user’s mailbox
Exchange 2013 is required for mail apps
Cloud Service
with app
HTML + JS
Exchange Server
with app manifests
Outlook 2013 client loads all manifests
Outlook processes rules from manifest on the selected item
Apps whose rules match are displayed as tabs
Clicking on app tab loads the app’s HTML and JS
Apps must reference Office.js and use it to interact with Outlook
User running Outlook
34. Comment options for a document
• Word review
• SharePoint Versions
• SharePoint Approve / reject
• 3rd party tools?
35. Solution?
• Embed comments in document
• Comments stay in App Web (security)
• CSOM and/or REST + JavaScript
• Easy to create
36. Flow
1. If new document, comments are not yet possible
2. If not new document, comments are possible
1. Select reviewer
2. Add comment message
3. Click “add comment”
1.
2.
Comment is being saved in list
Call is done to retrieve comments from list
37. How to build it
App for SharePoint
Document Library
Document Template
45. Take away
• Learn Javascript + REST / CSOM
• Composable Apps are easy to build, just follow the correct
steps
Hinweis der Redaktion
No subwebbut isolated domainAzure / Provider hosted is different url , this is for SP hosted appsIsolation = same origin policy = JS cannot execute outside of the domain it’s running in. other domain = browser will throw access denied error Javascript can only execute within the app web App prefix = can be changed but only 1 Host web =