Twitter & Facebook login integration like Pinterest


Pinterest allows user to login and register with Twitter and facebook account, and automatically create an account for the user. This is a very useful tool to attract user to register, while keep the system more consistent with user's profile.

Following page talks the exact step to start with

http://www.dotnetopenauth.net/developers/help/programmatic-openid-relying-party/

https://pinterest.com/join/signup/

http://www.codeproject.com/Articles/314987/Getting-User-Profile-Response-from-Social-Sites-us

http://www.codeproject.com/search.aspx?q=Facebook+%26+Twitter+login&x=0&y=0&sbo=kw


Step 1:  Create a Twitter Application
https://dev.twitter.com/apps/new

In order to get key for Facebook
http://stackoverflow.com/questions/2289712/where-do-i-find-api-key-and-api-secret-for-facebook



You have to log on to facebook (with any valid account), go to Account -> Application settings -> Developer -> Set up new application (button at the top right). After creating application you will see the key and secret at application settings page.




Following article provides a good workable code base
http://www.voiceoftech.com/swhitley/index.php/2011/11/authpack-provides-net-oauth-for-twitter-facebook-linkedin-and-google/

I got the error like following
Desktop applications only support the oauth_callback value 'oob'
Following discussion mentioned how to solve it.
https://dev.twitter.com/discussions/3098

Comments

Post a Comment

Popular posts from this blog

Javascript Hosted on Google Drive Not Working Reliably

Here is the story. I have been using Google Drive to host the javascript files and stylesheet files all the time. It works perfectly, until a few days ago when I noticed that if the web page contains javascript files hosted at Google Drive, it can not be viewed properly from the Facebook built in web browser.  I did some further investigation. The same thing happened when the page is opened in Wechat built in browser.  However, the page works fine when it is opened in most browsers, like IE, Chrome, Firefox. It took me several hours to figure why. And So far I have not find out the reason. I checked the mime type of the files. They are correctly recognized by Google Drive. But the solution is: moving the files out of Google Drive. Now it works perfectly, in browser and in App built in web browsers as well.
Read more

Newsmag Theme and External Featured Image

The  NewsMag  wordpress theme is a fast and simple.  It is excellent for a news, newspaper, magazine, publishing or review site. It also supports videos from YouTube and features a rating system. It uses the best clean SEO practices, and on top of that, it’s fast, simple, and easy to use. In addition, News mag supports responsive Google Ads and AdSense. The problem I had with this theme is that it does not work with  Nelio External Featured Image  by default. You can follow the steps in this article to make the theme and the plugin work with each other Nelio External Featured Image Not working with Newsmag theme Another useful information is here:  Solution fix thumn for theme Newsmag when using module Nelio External Featured Image Unfortunately whenever the theme is updated, the update to the theme will get lost. Therefore it is not a good idea to use the   Nelio External Featured Image  plugin. After some research, I found a...
Read more

Responsive Web Design

Google has an document about  How to Building Smartphone-Optimized Websites . In this document, responsive web design is the first suggestion. I have been looking for a easy to implement responsive css framework that can change my websites layout so that they can fit to smart phone device for quite a little while. However, most of them requires more than a css file.  After searching aroung, I found a good article that introducts 10 well adopted grid frameworks  10 Lightweight & Minimal Responsive Grid Frameworks Among them, the  Simple Grid  is very clean and simple. It does not work well on IE 7 or IE 8. Other than that, it works fine.  The  Proportional Grids  is also a quite stable and simple one. For a website that involves user input, I would recommend  Base Framework which is almost ready to use so that you do not have to worry about the user input formatting. It is very important to add following line to the he...
Read more