One of the most common scenarios in a connected Windows Phone application is authenticating users to let them access cloud-based personal information like instant messages, feeds, to-do lists, photos, etc. Besides using your own custom authentication approach, you can also rely on OAuth 2.0 based mechanisms and authenticate your users via various Social Networks like Facebok, LiveId, Google, etc. While not so complex to implement in your Windows Phone app, an OAuth 2.0 based authentication procedure includes several steps including opening a Web Browser, navigating to the corresponding OAuth 2.0 provider page and parsing the response to get the authentication access tokens after a successful login. These steps can easily be automated and that's exactly what we do with the upgraded RadCloudLogin control released in the Q3 2013 version of RadControls for Windows Phone.

Here's how it all works:

<telerikCloudControls:RadCloudLogin 
    x:Name="cloudLogin" 
    SuccessNavigationUri="/MainPage.xaml">
    <telerikCloudControls:RadCloudLogin.LoginProviders>
        <telerikCloudControls:FacebookLoginProvider 
            ClientId="<facebook-app-id>" 
            ClientSecret="<client-secret>"/>
    </telerikCloudControls:RadCloudLogin.LoginProviders>
</telerikCloudControls:RadCloudLogin>

Currently Facebook, LiveId and Google are the supported OAuth 2.0 providers. You can enable each one of them or a combination of them by adding an instance of one of the classes to the LoginProviders collection exposed by RadCloudLogin:
  • FacebookLoginProvider
  • GoogleLoginProvider
  • LiveIdLoginProvider

Before continuing with the Social Login implementation, make sure you have enabled the Social Login support from the settings menu within your Everlive project.

The XAML snippet above shows how the Facebook login is enabled in RadCloudLogin. The ClientId and ClientSecret are values that you should provide to RadCloudLogin after registering your Facebook app you will use to authenticate your users with. Here's how the control will look like in this case:



Tapping on the Facebook icon will automatically open a Web Browser, navigate to the Facebook login page, ask your users for certain permissions your Facebook app requires and, in case of successful authentication, go back to the LoginControl where a login attempt will be made. And that happens without even a single line of code from your side.

Check out the upgraded RadCloudLogin in the latest RadControls for Windows Phone Q3 2013 package and let us know what you think!


Deyan Ginev
About the Author

Deyan Ginev

Deyan has been with Telerik for more than ​six years working on several different products with main focus on mobile technologies. Deyan is currently working on NativeScript– a platform for developing native mobile apps with JavaScript. Find him on Twitter via
@deyan_ginev.

Related Posts

Comments

Comments are disabled in preview mode.