SP Apps, New Model, New App Store: The Office Store
Preview:
DESCRIPTION
This presentation was done
Citation preview
- SP Apps, New Model, New App Store: The Office Store Alberto Daz
Martn (@adiazcan) Juan Carlos Gonzlez Martn (@jcgm1978)
- Session Agenda Overview of the SharePoint Apps model
SharePoint-Hosted Apps Autohosted Apps Provider-Hosted Apps
Development Tools & Technologies Show me the money: The Office
Store
- Microsoft Vision: Modernizing the Platform TodaysMarket
TodaysTrends Our Principles
- Evolution of SharePoint Development 2007 2010 2013
- SoWhat are SharePoint Apps? Apps are self-contained pieces of
functionality that extend the capabilities of a SharePoint site
Apps integrate the best of the web and SharePoint; they are
targeted and easy-to-use, and do a great job at solving user needs
App App ManifestWeb Page HTML/CSS/JS
- The Result: A new Cloud Apps Model
- ServerClient BrowserHost Common Apps Architecture WebServerHost
SharePoint & Exchange OtherDevices &Clients Office APP
3rdPartyServices ClientAPIs ServerAPIs
- App Permissions App permissions are configured in the App
manifest: Developers specify the permissions the App needs to be
able to run Apps request permissions during installation: Granting
App permissions is all or nothing Its not possible to pick or
choose what permissions are granted to the App App permissions are
granted by the user installing and executing the App: Users can
only grant the permissions they have
- CREATING A SHAREPOINT APP WITH NAPA DEMO
- Apps Hosting Models Bring your own server hosting
infrastructure Your hosted site Any Web Server (Online or
On-premises) SharePoint (Online) Windows Azure Host your code in
SharePoint Client side technologies and declarative workflows
SharePoint (Online or On-premises) Cloud-based Apps: Get remote
events from SharePoint Use CSOM/REST + OAuth to work with SP Reuse
web elements (lists, files, out-of-box web parts) No server code
allowed; use client JavaScript for logic, UX
- App Hosting Models Cloud-Hosted vs. SharePoint-Hosted? Cloud
Hosted Apps SharePoint Hosted Apps Preferred hosting model for
almost all types of apps Good for smaller apps & resource
storage Full power of web choose your infrastructure &
technology SharePoint-based; no server-side code May require your
own hosting Automatically hosted in SharePoint May require you own
handling of multitenancy & permission management Inherent
multitenancy & isolation
- SharePoint-Hosted Apps Why SharePoint-Hosted Apps? INHERENT
MULTI-TENANCY & ISOLATION NO ADDITIONAL COST NO NEED FOR
ADDITIONAL INFRASTRUCTURE AUTHENTICATION IS AUTOMATIC SYMMETRIC IN
OFFICE 365 AND ON-PREM
- SharePoint component isolation 1 app installation = 1 app web
App webs are isolated in their own domain: Leverages web browser
same-origin policy for script isolation Host web App web
https://contoso.sharepoint.com/site/
https://contoso-appUID.sharepoint.com/site/app/
- App Layers & Components Data Layer Lists & Libraries:
Fields & Content Types Data Stored in Content DB WebProxy: Any
data source App scoped BDC models & ECTs Business Layer
JavaScript: CSOM & REST API Workflows Custom Actions UX Layer
Declarative Pages & HTML Pages Custom Actions OOB Web Parts App
Parts Other elements: CSS files
- Business Layer JS CSOM & REST API JavaScript CSOM:
REST/OData: var ctx = new
SP.ClientContext("http://mydomain-appUID.spo.com/site/app");
ctx.load(ctx.get_web().get_title()); ctx.executeQueryAsync();
http://contoso-appUID.spo.com/site/app/_api/web/Title
- UX Layer - User Experience Get styling for free: App Web
Template: Blank starting place SharePoint provides OOB CSS to style
contents and the whole App Integrated & aligned with the core
UX SharePoint experience App Master page for chroming (app.master)
App lock down feature hides dangerous UI entry points inside appweb
Reusable UI components: List view web part Reusable UI controls
like dialogs and callouts Custom Actions let you extend menus,
ribbon, and script
- UX Layer - App Web Custom Actions Target to any location:
Ribbon, ECB, ScriptLink Web scoped You can add your own business
logic
- CREATING A SHAREPOINT-HOSTED APP IN VISUAL STUDIO DEMO
- Autohosted Apps Tenant A Tenant B
- App Layers & Components Data Layer Lists & Libraries
Relational DBs: Hosted in SQL Azure App scoped BDC models &
ECTs Others: be careful with latency Business Layer CSOM (.NET)
& REST API Workflows Custom Actions UX Layer Declarative Pages
Custom Actions OOB Web Parts App Parts Other elements: CSS files JS
for Chroming
- UX Layer - Optimizing UX Leverage the chrome control: Allows
full-screen Apps to be framed in the chrome and styles similar to
the host web: placeholders for icons, breadcrumbs, menus, Import
styles from host web: Add reference to:
http:///_layouts/15/defaultcss.ashx in the head of app page The
chrome control automatically adds styles from the host web, so this
approach is only required for pages displayed in app parts or modal
windows
- App Permissions Azure Access Control Service (ACS) plays the
role of the authorization server: Azure ACS stores basic
information about the app and provides apps access tokens for
calling SharePoint APIs
- Usage Model and Licensing Microsoft-owned Azure account: All
Autohosted Apps for SharePoint are provisioned into a
Microsoft-owned Azure account that only Microsoft has access to
Licensing through the Office 365 tenant: Azure hosting costs passed
through to tenantdevelopers dont pay for hosting App Catalog: Great
for company-specific customizations 1 App Catalogue per Office 365
tenant SharePoint Store: Great for ISVs or developers looking a way
of monetizing SharePoint Apps The bad news: Autohosted Apps are not
supported in the SharePoint Store yet
- Autohosted Apps Key Takeaways Easy to Develop: Familiar tools,
simple deployment, and automatic DR Simplified Upgrade: Autohosted
Apps provide a reliable upgrade path: just deploy a new version of
your App, and the upgrade is automatically done Cloud Ready:
Autohosted Apps are designed to provide an uncompromised cloud
experience in Office 365 Rich SharePoint Integration: New APIs
allow the Autohosted Apps to run on top of Azure but richly
integrated with SharePoint Low Cost of Entry for Developers: No
more bulky development environment: A Surface Pro + Visual Studio +
An Office 365 Tenant
- Provider-Hosted Apps What technologies can we use? Data Layer
Any Data Store: SQL, mySQL, Oracle, CSV, Access, FoxPro, DB2,
SQLite, Lists & Libraries App scoped BDC models & ECTs
Indeed any data source Business Layer CSOM (.NET) + REST API Use
any server side code technology of your choice: .NET Code (C#,
VB.NET), CGI, Java, Perl, Ruby, Node.js, UX Layer UX Technologies:
HTML4/5, ASP.NET, JSP, Client Side Code: JavaScript, jQuery, AJAX,
PHP, Anything!
- Development Tools & Technologies Traditional Tools New
Tools
- App Shapes Full page Implement complete app experiences to
satisfy business scenarios App Parts (aka Client Web Part) Create
app parts that can interact with the SharePoint experience UI
command extensions Add new commands to the ribbon and item
menus
- App Shapes Client WebPart Wizard creates XML & page Shine
through parts of your app Create convenient launch points Content
hosted in an iFrame UI Extensions Show on the ribbon Add to item
menu (ECB) Wizard creates XML
- Web to SharePoint Communication Use of OAuth for secure
communications: SharePoint & web application trust third party
(ACS) Trusted communication process using a ClientId & a
ClientSecret: SharePoint & ACS know the ClientId Web
application & ACS know the ClientSecret
- Debugging Apps Just press F5 No app registration required:
ClientId & ClientSecret are generated by Visual Studio for you
IIS Express is used to host Web project: ~remoteAppUrl token
updated so it points to an IIS Express Url LocalDB is used for SQL
database: Connection string updated in web.config from SQL project
Local workflow service is started & configured
- Deploying an App from the IDE Supported only for
SharePoint-Hosted & Autohosted App is packaged (.app) and
provisioned to: SharePoint 2013 OnPremise (Only SharePoint-Hosted)
O365 (SharePoint Online) & Azure (both App types)
- Publishing an App Use when App is ready for Testing by another
person or team Being uploaded to the Store or the App Catalog
SharePoint-hosted & Autohosted Apps: No App registration
required Everything is included in the .app package Provider-hosted
Apps: Developer must acquire ClientId & ClientSecret SharePoint
artifacts are included in .app package Web assets are included in
the Web Deploy package - developer must deploy Developer must
publish & deploy SQL assets in case they are not included in
the Web Deploy package
- Remote Event Receivers & App Events Implemented as WCF
services: Support for synchronous and asynchronous events App
Events: App install, app upgrade, app uninstalling
http://msdn.microsoft.com/en-
us/library/office/jj220048(v=office.15).aspx Some Remote Event
Receiver events: Item added, item changed, item deleted
- BUILDING A SHAREPOINT APP FROM SCRATCH DEMO
- Office Store or App Catalog Consumers & Corporate Users
Developer Web Server (Internet or Intranet) App manifest (.xml) or
.app package Document Sharing Office Store App Packaging and
Deployment Web Page
- Introducing the Office and SharePoint Store
OfficeandSharePointPlatforms Data Visualization Content Management
Vertical specific Function specific. DataMigration Infrastructure
Deployment Managed Services
- FREE/ TRIAL/ PURCHASE OFFICE APP VALIDATION Choice of
distribution channel
- Making money on the store adspaid apps in-app purchases
- Making money on the store Paid Apps: The user can download and
use the app, in perpetuity, for a one-time charge In-App purchases:
purchases are done through the App once its installed: You can
include in-App purchases in your App as long as you follow the
Office Store validation guidelines published by Microsoft:
http://msdn.microsoft.com/en-us/library/office/apps/jj220035.aspx
Through Advertisements added to the App: You can include Adds in
your App as long as you follow the Office Store validation
guidelines published by Microsoft:
http://msdn.microsoft.com/en-us/library/office/apps/jj220035.aspx
- Making money with paid apps per seat price organization wide
price X subscription
- The store caters a wide variety of Apps Data VisualizationApps
span enterprise and consumer scenarios All apps are tested by
Microsoft before publishing on the store Communication Lifestyle
Content Management Project Management Social Reference Financial
Management
- A QUICK LOOK TO THE OFFICE (SHAREPOINT) STORE APPS DEMO