Windows Developer Platform Building Awesome Experiences with Facebook 2538 Sharing including social plugins SDK controls and custom stories via Open Graph 2 1 Facebook Login 101 Reduce user friction to get started ID: 736371
Download Presentation The PPT/PDF document "Taqi Jaffri Senior Program Manager" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1Slide2
Taqi JaffriSenior Program ManagerWindows Developer Platform
Building Awesome Experiences with Facebook
2-538Slide3
Sharing: including social plugins, SDK controls, and custom stories via Open Graph
2
1Slide4
Facebook Login 101Slide5Slide6
Reduce user friction to get startedFacebook has done all the hard security work for us
Deep user insightsDrive traffic to our app when users shareUser always in control
Why?Slide7
source: http://developers.facebook.comSlide8
Sharing 101Slide9
Web: Social pluginsWindows clients: share contracts, graph API
Custom stories and Open Graph
Different ways to shareSlide10
Open Graph Protocol: objects, actions and storiesAllows apps to present strongly typed objects to tell compelling stories on Facebook
Some standard objects and actions, e.g. books which can be read,
rated
or
quoted
.Any web page can be an open graph object, and apps can create custom types for objects an actions, e.g. a presentation which can be delivered
or watched.http://ogp.meSlide11Slide12
Deep Dive: LoginSlide13
Single Page Application TemplateWebApi [Authorize] with Bearer tokens
Adding User Profile information during registrationRequesting additional data from FacebookMerging /Account
WebApi
controller from MVC web
api
template to sign in rich clientsCode: MVC External Login via Facebook
Inspired by Todo sample by Daniel Roth: https://aspnet.codeplex.com/Many great talks here:http://channel9.msdn.com/Events/Speakers/daniel-roth Slide14
[Authorized] WebApi calls from client apps
GET
/
api
/Controller/Action/Value HTTP/1.1
Host: contosoreader.azurewebsites.com Connection: keep-aliveAuthorization
: Bearer ACCESS_TOKENUser-Agent: ***Accept: application/atomsvc+xml;q=0.8, application/json;q=0.5, */*;q=0.1Accept-Encoding: gzip,deflate,sdch Accept-Language: en-US,en;q=0.8Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3Slide15
Deep Dive: SharingSlide16
Web interface, plus client apps (across platforms)User can register by creating a username/password for this service, or log in with Facebook
Books exist in the service (exposed to Facebook as Open Graph objects)Users can interact with books within the Contoso Reader service, and also share stories to Facebook
Contoso Reader (a common pattern)Slide17
Contoso Reader
Open Graph Objects (Books)
User RegistrationsSlide18
Creating “self hosted” Open Graph objects against MVC viewsDebug toolsEmbedding Like and Share buttons
Creating Custom Open Graph objects,
actions
and
stories
Publishing Open Graph StoriesCode: Open Graph Stories
Book data from Project Gutenberg: http://www.gutenberg.org/ Slide19
Posting Open Graph Stories - 1
POST /me/cookbook:eat?
recipe=http
://www.example.com/recipes/pizza
/&
place=http://www.example.com/places/123/&access_token=ACCESS_TOKENSlide20
Posting Open Graph Stories - 2
POST /me/cookbook:eat?
recipe=http
://www.example.com/recipes/pizza
/&
place=http://www.example.com/places/123/&tags=123456,123457,123458&access_token=ACCESS_TOKENSlide21
http://facebooksdk.nethttp://asp.net/mvchttps://aspnet.codeplex.com/
http://developers.facebook.comSessions:
2-250: Contracts and Pickers: Building Apps that Work Together on Windows
3-603: Building Web APIs for Mobile Apps Using ASP.NET Web API 2.1
ResourcesSlide22
Use Facebook to log into your app across web and clientsGet sharing: publish rich open graph stories
Extend the open graph with custom objects hosted on your own servers and under your controlGo viral!
Summary + Q&A
http://
channel9.msdn.com/Events/Build/2014/2-538
How did I do? Evaluations appreciated!Slide23
©
2014
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.