35

App Manifest Web Application (HTML, CSS, JS, …) APP

Embed Size (px)

Citation preview

Page 1: App Manifest Web Application (HTML, CSS, JS, …) APP
Page 2: App Manifest Web Application (HTML, CSS, JS, …) APP

Developing apps for SharePoint 2013 with Visual Studio 2013Mike MortonSenior Program Manager3-319

Page 3: App Manifest Web Application (HTML, CSS, JS, …) APP

App modelVisual Studio toolsCloud-hosted apps

Agenda

Page 4: App Manifest Web Application (HTML, CSS, JS, …) APP

App model

Page 5: App Manifest Web Application (HTML, CSS, JS, …) APP

App Shape: Full Page

Page 6: App Manifest Web Application (HTML, CSS, JS, …) APP

App Shape: Client Web Part (App Part)

Page 7: App Manifest Web Application (HTML, CSS, JS, …) APP

App Shape: UI Command

Page 8: App Manifest Web Application (HTML, CSS, JS, …) APP

App Model Basics

App ManifestWeb Application(HTML, CSS, JS,

…)

APPApp for SharePoint

Page 9: App Manifest Web Application (HTML, CSS, JS, …) APP

Hosting Options

SharePoint App Web

SharePoint Host Web Windows

Azure Websites

SharePoint Host

WebYour hosted

web site

SharePoint Host

Web

Autohosted Provider-hosted

SharePoint-hosted apps

Cloud-hosted apps

Page 10: App Manifest Web Application (HTML, CSS, JS, …) APP

Visual Studio tools

Page 11: App Manifest Web Application (HTML, CSS, JS, …) APP

Supports new cloud app model

Develop against Office 365 orOn-premise

Rich tooling support for app artifacts

Visual Studio 2013 Preview is available TODAY!

Microsoft Office Developer Tools

Page 12: App Manifest Web Application (HTML, CSS, JS, …) APP

Demo: Building your first app in Visual Studio

Page 13: App Manifest Web Application (HTML, CSS, JS, …) APP

Design experience over the app manifest XML file

App Manifest

Page 14: App Manifest Web Application (HTML, CSS, JS, …) APP

Rich designer for creating lists, document libraries, and content types

Lists & Content Types

Page 15: App Manifest Web Application (HTML, CSS, JS, …) APP

Wizard helps create parts that can “shine through” data from your app – parts are also great entry points to your app

Client Web Parts

Page 16: App Manifest Web Application (HTML, CSS, JS, …) APP

Wizard helps create actions that show on ribbon or item menu

UI Custom Actions

Page 17: App Manifest Web Application (HTML, CSS, JS, …) APP

End-to-end tooling for adding workflows to your app

Workflows

Page 18: App Manifest Web Application (HTML, CSS, JS, …) APP

Tooling to help bring OData services into your app

Business Connectivity Services

Page 19: App Manifest Web Application (HTML, CSS, JS, …) APP

Demo: App shapes

Page 20: App Manifest Web Application (HTML, CSS, JS, …) APP

Cloud-hosted apps

Page 21: App Manifest Web Application (HTML, CSS, JS, …) APP

Hosting Options

SharePoint App Web

SharePoint Host Web Windows

Azure Websites

SharePoint Host

WebYour hosted

site

SharePoint Host

Web

SharePoint-hosted Autohosted Provider-hosted

SharePoint-hosted apps

Cloud-hosted apps

Page 22: App Manifest Web Application (HTML, CSS, JS, …) APP

OAuth is used to ensure secure communications between your web application and SharePoint

Web to SharePoint Communication

Page 23: App Manifest Web Application (HTML, CSS, JS, …) APP

New project wizardAutohosted and Provider-hosted both include a web project

Add event to SharePoint-hosted appApp events and remote event receivers add a web project

Appetize a web projectChoose “Add App for SharePoint”from Project menu of any web project

Multiple ways to create a cloud-hosted app for SharePoint

Creating a Cloud-hosted App

Page 24: App Manifest Web Application (HTML, CSS, JS, …) APP

App Event ReceiversApp Installed, App Uninstalling, App Upgraded

Remote Event ReceiversItem Added, Updating, etc.Sync & Async

Handle events fired from SharePoint in your cloud-hosted code

Event Receivers

Page 25: App Manifest Web Application (HTML, CSS, JS, …) APP

Visual Studio utilizes Windows Azure Service BusOpens channel between O365 and local IISExpress

Developer uses their Windows Azure accountService Bus connection string SharePoint app designer

Challenge: Firewalls block events when debugging with O365 site

Debugging Event Receivers

Page 26: App Manifest Web Application (HTML, CSS, JS, …) APP

Demo: Cloud-hosted apps

Page 27: App Manifest Web Application (HTML, CSS, JS, …) APP

Autohosted & SharePoint-hostedEverything included in the .app package

Provider-hostedWeb assets published to web serverArtifacts & manifest in .app package

Designer helps you publish your app to the Office Store or app catalog

Publish

Page 28: App Manifest Web Application (HTML, CSS, JS, …) APP

Visual Studio 2013 PreviewSupports new cloud app modelDevelop against Office 365 or On-premiseRich tooling support for app artifacts

Install it today at http://microsoft.com/visualstudio

Summary

Page 29: App Manifest Web Application (HTML, CSS, JS, …) APP

Developer desktop

Late breaking

announcement

Page 30: App Manifest Web Application (HTML, CSS, JS, …) APP
Page 31: App Manifest Web Application (HTML, CSS, JS, …) APP

Built on Azure Infrastructure as a Service (IaaS)

Supports SharePoint, Web and SQL developmentVisual Studio 2013 Ultimate Preview pre-installedSharePoint 2013 pre-installedSQL Server 2012 Express pre-installedScripts to configure the environment included

Provision from portal or through PowerShell

Great for dev/test environments to build SharePoint solutions

Developer desktop preview in Azure

Page 32: App Manifest Web Application (HTML, CSS, JS, …) APP

Give us your feedback!

What?

• Talk to a Microsoft developer tools team member about your experience building business apps

When & Where?

• Schedule a time with Kelly in the back of the room or contact [email protected]

• Room 254 Moscone South, Mezzanine Level

Why?

• Your input and feedback will influence future Microsoft developer tools

Page 33: App Manifest Web Application (HTML, CSS, JS, …) APP

Resourceshttp://dev.office.comhttp://blogs.msdn.com/officeapps/ http://social.msdn.microsoft.com/Forums/officeapps

Office, SharePoint & Yammer SessionsWednesday2:00-3:00, 3-602 0 to 60: Developing Apps for Microsoft SharePoint 20133:30-4:30, 3-603 Understanding Authentication and Permissions with Apps for SharePoint and Office5:00-6:00, 3-319 Developing Apps for SharePoint 2013 with Visual Studio 2013Thursday2:00-3:00, 3-601 0 to 60: Developing Apps for Microsoft Office 2013Friday10:30-11:30, 3-604 Advanced Patterns Using Windows Azure Web Sites for Apps for Office and SharePoint2:00-3:00, 3-605 Building Enterprise Web and Mobile Apps with the Yammer Platform

Page 34: App Manifest Web Application (HTML, CSS, JS, …) APP

Evaluate this session

Scan this QR code to evaluate this session and be automatically entered in a drawing to win a prize!

Page 35: App Manifest Web Application (HTML, CSS, JS, …) APP

© 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.