Social Login

48
Building Secure and Social Applications Michele Leroux Bustamante [email protected] t

description

Session I delivered at Oredev 2013 regarding implementing social login and registration in your applications.

Transcript of Social Login

Page 1: Social Login

Building Secure and Social

Applications

Michele Leroux [email protected]

Page 2: Social Login

Why Social Login?

Page 3: Social Login

Fewer passwords to remember

Page 4: Social Login

Single Sign-On (SSO)

Page 5: Social Login
Page 6: Social Login

Gather information

Page 7: Social Login
Page 8: Social Login

Read your thoughts

Perform actions based on your thoughts

Page 9: Social Login

Share

Page 10: Social Login
Page 11: Social Login

Access to millions of new users

Page 12: Social Login

As of October 29, 2013

• Facebook 1.2 B• Google+ 540 M• TW 500 M• LinkedIn 300 M• Yahoo 300 M

http://www.nydailynews.com/news/national/google-540m-monthly-users-lags-behind-facebook-article-1.1500403

Page 13: Social Login
Page 14: Social Login
Page 15: Social Login

Session Agenda

• Social registration• Social Login and SSO• Gather profile information• Linking accounts• Social sharing

Page 16: Social Login

DEMO

Page 17: Social Login

Twitter Setup

• No app required• Redirect and login• User asked to authorize during login• Authorization code returned• Application uses code to request an

access token• Application uses access token to

interact with provider API

Page 18: Social Login
Page 19: Social Login
Page 20: Social Login

Facebook Setup

• Create an app at the provider• Get the application “keys”• Redirect and login• Users asked to authorize during login• Authorization code returned• Application uses code to request info

Page 21: Social Login
Page 22: Social Login
Page 23: Social Login

Protocol Flow

• What really happened?• Redirect to provider

– User authenticates– Authorization code returned

• Call to provider with code– Request additional user information– Must be authorized information

Page 24: Social Login

DEMO

Page 25: Social Login

Social Sharing

• Share directly from JavaScript– Generate sample buttons at provider

site– Customize as desired

• Share through API– Requires access token to operate on

behalf of the user

Page 26: Social Login

DEMO

Page 27: Social Login
Page 28: Social Login
Page 29: Social Login
Page 30: Social Login

Gathering Information

• Use the access token to request information from the provider

• Unique identifier per user• Additional details can vary

Page 31: Social Login

DEMO

Page 32: Social Login
Page 33: Social Login

Development Platforms

Page 34: Social Login

Connecting Accounts

• Goal to have a single profile• Login with one or more provider,

same user profile• Share with one or more provider,

irrespective of login

Page 35: Social Login

DEMO

Page 36: Social Login

Design Decisions

• Which providers will you support?• What profile information do you

need?• What sharing options / methods?• How do you want to handle

providers?

Page 37: Social Login

What if it could be easier?

Page 38: Social Login

One Example

Page 39: Social Login

What if it could be easier?

Page 40: Social Login
Page 41: Social Login
Page 42: Social Login
Page 43: Social Login
Page 44: Social Login
Page 45: Social Login
Page 46: Social Login

References

• Conference resources to be referenced here: – http://michelebusta.com

• See my snapboards:– Currently at the alpha site:

http://snapboardalpha.cloudapp.net/michelebusta

– Will move these to snapboard.com/michelebusta when we go live on the main site (SOON watch my blog for announcement)

• Contact me:– [email protected]– @michelebusta

Page 47: Social Login

Michele Leroux BustamanteManaging Partner

Solliance (solliance.net) CEO and Cofounder

Snapboard (snapboard.com)

Microsoft Regional Director Microsoft MVP

Author, SpeakerPluralsight courses on the way!Blog: [email protected]@michelebusta

Page 48: Social Login