Votre première App SharePoint pour
Office 365 avec Visual Studio !
Gilles Pommier – MVP Office 365 - SmartView
Qui suis-je ?
• Gilles Pommier
Office 365 MVP, MCT and co-founder of SmartView
http://www.smartview.fr –
gilles.pommier@smartview.fr
• SmartView
Agile
SharePoint/Office 365
Business Intelligence
Coaching/Training
Agile + SharePoint = OpenOffice365Adoption
Pablo, our Agile guy !
• 3
Un peu de théorie
SharePoint Hosted apps
Provider Hosted apps
Apps Modèle MVC
Dev – Niveau 200
Agenda
Pour SharePoint
Une extension réutilisable « à la facebook »
SharePoint 2013 &
SharePoint Online : Tout
est Apps !
Apps : Une définition ?
Les apps du Store MS
Ajouter une apps sur votre
site SP
Ajouter une apps sur votre
site SP
Ajouter une apps sur votre
site SP
Ajouter une apps sur votre
site SP
Ajouter une apps sur votre
site SP
Ajouter une apps sur votre
site SP
Ajouter une apps sur votre
site SP
Ajouter une apps sur votre
site SP
Ajouter une apps sur votre
site SP
Ajouter une apps sur votre
site SP
Les différents types d’apps
Immersive full page app (aka SPA)
At least one required in every app—landing page; can still use SharePoint
chroming; lives in remote web for a cloud-hosted app
App Part
Like a web part; hosted in an IFRAME (can point to content in remote web)
UI custom actions (declarative)
Evolutions des
Développements SharePoint
SP2007 SP2010 SP2013
Declar. App &
Workflow Events
CSOM
_vti_bin_vti_bin
_api
_api
Mais en fait, qu’est ce qui a
réellement changé ?
Avant/Après
Office 365
Environnement
Developer Site
Napa Office 365 Development
Tools
SharePoint-hosted App Provider-hosted App
Visual Studio
Office Developer Tools
SharePoint Client Components
Démo
Office 365
Environnement
Apps live in their own isolated environment called
the “app web”.
The site in which they function is called the “host
web”
APP1UID GUIDAPP1
Les possbilités de
hosting
Mode d’exécution
des Apps
Comment accéder
aux données SP
.NET Managed client object model (CSOM)
JavaScript client object model (JSOM)
REST endpoints with OData
Démo
.NET Managed client object
model (CSOM) example
Différences entre C# et
Javascript
C# JavaScript
using Microsoft.SharePoint.Client; ExecuteOrDelayUntilScriptLoaded(initFunc,
“sp.js”); …or…
$(document).ready(initFunc);
using (ClientContext context = new
ClientContext(absoluteUrl))
using (ClientContext context = TokenHelper…( ))
var context = SP.ClientContext.get_current();
var context = new SP.ClientContext(relativeUrl);
string title = web.Title; var title = web.get_title();
context.Load(oList, list=>list.Title,
list=>list.Created);
context.load(oList, ‘Title’, ‘Id’);
context.load(oListColl, ‘Include(Title, Id)’);
context.ExecuteQuery();
context.ExecuteQueryAsync();
context.executeQueryAsync(onSuccess, onError);
Value types: StringCollection Value types: string[], NaN
Automatic FormDigest handling Manual FormDigest handling
Issues creating RoleDefinitionBindingCollection’s
Apps vs WSP
Apps Sandboxed WSP
No Code (*)
Full trust WSP
(on prem only)
Where does server-side code
run?
Anywhere but
farm
Farm (User Code
Service)
Farm (w3wp.exe)
Scalable Highly Limited Based on farm
Who installs and removes Users
Site collection
admin
Farm admin
Supported in SP2013 Yes Yes Yes
SharePoint Online compatible Yes Yes No
Azure-hosting compatible Yes No No
Requires local farm for
developers
No Yes Yes
Remote deployment and
debugging from Visual Studio
Yes No No
*SandBox Solution withcodeisdeprecated inSP2013 &O365
Le développeur
SharePoint/O365 aujourd’hui
est un développeur Web
Avant
Aujourd’hui
Complete-Me-Code-Sample
https://github.com/OfficeDev/Complete-Me-Code-
Sample/tree/master/CompleteMeSharePointHostedApp
http://www.jeremythake.com/2013/10/sharepoint-hosted-app-with-
angularjs-for-mvc-javascript/
Office 365 API
http://dev.office.com/
Démo
Thanks!
• Thank you for your attention!
• This presentation will be available on the
• Casablanca SharePoint Days web site after the
• event.
Merci de votre attention !
Cette présentation sera disponible sur le site internet
de SharePoint Days Casablanca, après l’événement.
SVP évaluez ma session!
Complétez le sondage et courez la chance
de gagner une tablette Surface
Please rate this session!
Fill out the survey and get a chance to win a Surface

Votre première App SharePoint pour Office 365 avec Visual Studio !

Notes de l'éditeur