Scaling Open Jonathan LeBlanc Technology EvangelistYahoo! Developer Network Partner IntegrationsSlideshttp://www.slideshare.net/jleblanc/future-of-web-apps-miami-fl-february-2009

YAP Applications Whats a YAP Application?

YAP Applications How do I get started?

Runs on YAPSupports 2- & 3- legged OAuthSupports OpenSocial 0.8 JavaScript APIsOpen Applications

Open Application - ViewsSmall ViewLarge View

Open Application Small View

Open Application Large View

http://developer.yahoo.com/dashboard

http://developer.yahoo.com/dashboard

Runs off platformSupports 2- & 3-legged OAuthDoes not contain viewsRequires users to authenticate sessionOAuth Applications

http://developer.yahoo.com/dashboard

http://developer.yahoo.com/dashboard

YAP Code Dive What can you do with YAP?

YAP Code Dive PHP SDK

Used For:- Public user data and open APIsPHP SDK 2-Legged OAuth Initialization

Used For: Private data accessPHP SDK 3-Legged OAuth Initialization

3-Legged OAuth

getSessionedUser(session)getOwner (session)getUser (session)query (session)getPresence (user)setPresence (user)listUpdates (user)listConnectionUpdates (user)insertUpdate (user)deleteUpdate (user)loadProfile (user)getConnections (user)getContacts (user)setSmallView (user)2-Legged OAuth

setSmallView (application)query(application) PHP SDK Available Methods

PHP SDK Create a User Update

PHP SDK Set the Status of a User

YAP Code Dive Yahoo! Markup Language (YML)

YML Tags (Large View)

yml:ayml:adyml:audioyml:formyml:friend-selectoryml:if-envyml:messageyml:nameyml:profile-picyml:pronounyml:shareyml:swfyml:user-badgeYML Lite Tags (Small View)

yml:ayml:audioyml:formyml:if-envyml:nameyml:profile-picyml:pronounyml:user-badgeYML Available Tags

YML:A Tab Sample - Controller

YML:A Tab Sample Tab Construction

YML:A Tab Sample - Product

YML:A Small View Update Sample

YML:A Small View Update Sample

YAP Code Dive Yahoo! Query Language (YQL)

YQL Running a Query

YAP Code Dive Caja

Caja JavaScript Before Cajoling

Caja JavaScript After Cajoling

Caja - IFrame Security ConcernsIFrame ConcernsDrive-by downloadsNo real content restrictionsOther known exploits

Caja ImplementationBlacklist all / Whitelist some modelSecure OpenSocial container

Caja Best PracticesUse OpenSocial JavaScript standardsUse W3C standardsUse YML wherever possibleUnit test all JavaScriptRead the documentation (http://developer.yahoo.com/yos)Participate in the forums (http://developer.yahoo.net/forum/)

Caja Practical Running an AJAX Request

Caja Practical Working with JSON

Caja Practical Assigning Click HandlersCaja client side sanitizer strips JavaScript when inserted in DOM following AJAX requestsHow do I assign click handlers then?

Given: DOM Node with an IDClick Me!

Caja Practical Assigning Click HandlersStep 1 Assign click handler after innerHTML is set

Caja Practical Assigning Click HandlersStep 2 Define your callback function

YAP Code Dive Common Questions

I have an existing OpenSocial application. How do I get started?I have an existing Facebook application. How do I get started?How do I authenticate OAuth using JavaScript? What is a Java Module Envelope error and how do I fix it?Plans for other SDKs besides PHP and AS3?How do users find my application?

Common Questions Q & A

Thank You Questions?

- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs- Social, Contacts, Updates, Status APIs