Building SharePoint 2013 Apps 101

22
Building SharePoint 2013 Apps 101 Jerry Yasir SharePoint Server MVP, MCT Sr. SharePoint Architect US Tech Solutions @jerry_yasir

description

Building SharePoint 2013 Apps 101. Jerry Yasir SharePoint Server MVP, MCT Sr. SharePoint Architect US Tech Solutions. @ jerry_yasir. Agenda. Introduction Type of Apps Pre-Configuration Demo App Catalog. Evolution of SharePoint Development. 2010. 2007. 2013. SharePoint. - PowerPoint PPT Presentation

Transcript of Building SharePoint 2013 Apps 101

Page 1: Building SharePoint 2013 Apps 101

Building SharePoint 2013 Apps 101Jerry Yasir SharePoint Server MVP, MCTSr. SharePoint ArchitectUS Tech Solutions @jerry_yasir

Page 2: Building SharePoint 2013 Apps 101

• Introduction • Type of Apps• Pre-Configuration• Demo• App Catalog

Agenda

Page 3: Building SharePoint 2013 Apps 101

Evolution of SharePoint Development2007

SharePoint

IIS

Code runs from GAC on same w3wp.exe as

SharePoint web application

2010

SharePoint

IIS Sandbox

Code runs on SPUCWorkerProcess.ex

e or calls client.svc (CSOM)

2013

SharePoint

IIS with _api App

Code runs outside of SharePoint but has trust to

leverage capabilities exposed in _api

Page 4: Building SharePoint 2013 Apps 101

What's the Problem• Code Based on DLLs Runs on Server• Bad Code can effect your farm• Upgrading Solutions can be difficult• Permissions are difficult to handle• Impersonate or not to impersonate or use

user permissions

Page 5: Building SharePoint 2013 Apps 101

Build a new class of apps that extend and personalize the way we create and consume information right from within Office and SharePoint

The new cloud app model

New AppsA new class of apps enabling newscenarios and new user experiences

Flexible LifecycleDeploy and maintain your apps publicallyon the new Office Store, or internally withFlexibility and control

Familiar ToolsetsEmbracing Web standards to provide developers choice and flexibility

Page 6: Building SharePoint 2013 Apps 101

Apps for SharePointApps for SharePoint are self-contained pieces of functionality that extend the capabilities of a SharePoint website. Apps integrate the best of the web and SharePoint; they are targeted and easy-to-use, and do a great job at solving a user need.

Page 7: Building SharePoint 2013 Apps 101

App Hosting Options

SharePoint-Hosted App

Provision an isolated sub web on a parent web (separate domain)• Reuse web elements

(lists, files, out-of-box web parts)• No server code allowed; use client JavaScript for logic, UX

Provider-Hosted App

“Bring your own server hosting infrastructure and technology platform”Get remote events

from SharePoint Use CSOM/REST + OAuth to work with SP

Cloud-based Apps

Your Hosted

Site

Autohosted App

Windows Azure + SQL Azure provisioned invisibly as apps are installed

Azure

SharePoint

Host WebApp Web* (separate

SharePoint domain)SharePoin

t Host WebApp Web*

(separate SharePoint domain)SharePoin

t Host WebApp Web

(separate SharePoint domain)

*App Webs are optional in Cloud-Hosted Apps

SharePoint Cloud

Page 8: Building SharePoint 2013 Apps 101

GuidelineSharePoint App Management Configuration

Page 9: Building SharePoint 2013 Apps 101

• Office Developer Tools for Visual Studio 2012• Multitenant SharePoint Deployment• Office 365• NAPA

• Service Application• App Management Service• Site Subscription Management Service

Configuring SharePoint for Apps Development

Page 10: Building SharePoint 2013 Apps 101

• Site Scope• Installed on a site called “Host Web”

• Tenancy-Scoped Installation• Installed on site called “App Catalog Site”• Single App for All Web

App Installation

Page 11: Building SharePoint 2013 Apps 101

• App Manifest• Permissions• Start Page URL• App Web• Host Web• An App Can not Access Host Web Directly

(Prevent Cross Site Scripting)• App-Hosted Domain and App URL

Apps for SharePoint – Things to Know

Page 12: Building SharePoint 2013 Apps 101

• Start Page• App Parts• UI Custom Actions

• Cloud Hosted Apps• Chrome Control• Direct CSS Reference using JavaScript

Apps UI

Page 13: Building SharePoint 2013 Apps 101

SharePoint 2013 Apps with Demo

Page 14: Building SharePoint 2013 Apps 101

• Manifested and Lives Inside SharePoint • No Server Side Code Allowed• Consists of ASPX Pages that includes• HTML5, CSS, JavaScript, jQuery

• REST and OData

SharePoint Hosted App

Page 15: Building SharePoint 2013 Apps 101

A SharePoint Hosted AppDemo

Page 16: Building SharePoint 2013 Apps 101

Auto-Hosted App Lifecycle

App Developer Tenant Admin

Site Owner

Site Owner

Site Owner

Site OwnerApp

Catalog

SharePoint Store(Office Marketplace)

Tenant A

Tenant B

.app .app

.app

Web Site SQL DB

Workflow

Web Site SQL DB

Workflow

Web Site SQL DB

Workflow

Web Site SQL DB

Workflow

Page 17: Building SharePoint 2013 Apps 101

An Auto-Hosted AppDemo

Page 18: Building SharePoint 2013 Apps 101

• Deployment of Remote Web is by Choice• The Deployed to Remote Web on Remote Web Server• Remote Web + Database Must be Deployed First

Provider Hosted Apps

Page 19: Building SharePoint 2013 Apps 101

A Basic Provider Hosted AppDemo

Page 20: Building SharePoint 2013 Apps 101

SharePoint 2013 App CatalogDemo

Page 21: Building SharePoint 2013 Apps 101

• New Cloud Based App Model• Apps code out of SharePoint• 2 Categories of App• SharePoint Hosted• Cloud Hosted

• 3 Types of Apps• SharePoint Hosted Apps• Azure Auto-Hosted Apps• Provider Hosted Apps

• Configuration of App Development• App Management Service App + Site Subscription Server + App

Domain

Takeaways

Page 22: Building SharePoint 2013 Apps 101

Stick around for Q&AThanks!