Oct 10
19

Social Login to TYPO3 (sociallogin2t3)

25 Comments

The extension “sociallogin2t3″ is a social media login tool for logging into the front-end of TYPO3 with social media accounts from Facebook, Hyves, Twitter and LinkedIn based on OAuth authentication. It was developed by Ron Schoellmann and Joost van Berckel for the Dutch trade union CNV (Christelijk Nationaal Vakverbond).

User data will be imported/ updated to table fe_users. User will be logged in as FE user.

Link to the Typo3 Repository: https://typo3.org/extensions/repository/view/sociallogin2t3/current/

Guide

Server requirements:

  • PHP>=5.2
  • libcurl package for PHP

User requirements

  • Cookies activated

Here is how to use it:

  • Create an application for each service provider login (Facebook, Hyves, Twitter, Linkedin are possible) that you want to include. Don’t worry, no coding necessary here, you just need some numbers (consumer key or app id and the consumer secret).
    Links to service providers:
    http://developers.facebook.com/setup/
    http://www.hyves.nl/developer/apiconsumer/
    http://twitter.com/apps/new
    https://www.linkedin.com/secure/developer
  • Install extension sociallogin2t3 through TYPO3 Extension Manager
  • Include static template “Social Login to TYPO3 (sociallogin2t3)” in your page template:
    Template > Info/Modify > “Edit the whole template record” > Includes > “Include static (from extensions)” > Select  “Social Login to TYPO3 (sociallogin2t3)”
  • Use Template > Constant Editor > SOCIALLOGIN2T3 to enter user storage page, group id, keys and secrets where needed. The fields should be self-explanatory.
  • Insert the plugin on whatever page you want the login/ logout buttons to appear
  • Don’t use it in conjunction with ext facebook2t3 on the same page
  • Apply styling as necessary to “div.tx-sociallogin2t3-pi1” and possible children elements (there is a class for every button)
  • Check for demo on http://www.contentonline.nl/typo3-login-demo-with-hyves-twitter-facebook-and-linkedin/
  • Check here for discussion

Tags: dev, typo3, typo3 extension

This entry was posted on October 19, 2010 at 16:02. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Posted in Net Engineering by Ron 25 Comments

25 Responses to "Social Login to TYPO3 (sociallogin2t3)"

  • Samuel says:
    December 15, 2010 at 12:46
    Reply

    Hello,
    I’ve tried to insert your plugin to my Page, but if i insert the plug-in the page can’t be loaded
    I did everything u explained step by step but nothing works.
    pls help me ?

    • Ron says:
      December 15, 2010 at 14:50
      Reply

      Hi Samuel,

      we would need more information about your setup to help you.

      The extension was tested thoroughly and is working, but there might be some interferences with other extensions or unknown requirements.

  • philippe says:
    January 2, 2011 at 15:29
    Reply

    Hi,
    i download and parameter your extension without problems, ( Typo3 4.4.6), as seen here
    http://www.iherbarium.org/index.php?id=42
    Thank you very much for this work.
    As i had to create a facebook application, i was wondering how i could now give the services of my website from a “canvas” page, integrated as a Iframe.
    Now i am detecting the website is called from facebook, and can ask people to login (using your plugin (with a redirect after login problem i have to solve)), and then serve them their content, but it would be more friendly to use the “signed_request parameter” facebook send and login automatically when the user as already created his account.
    Do you think this is a good way to go or did i miss something on facebook working ?
    Thanks again anyway;
    Philippe

  • BoBa says:
    January 6, 2011 at 15:26
    Reply

    Thank you for this extension. Works well !
    I wonder whether there is a possibility, to get the email address of facebook user, like it is on facebook2t3 extension.
    I tried to modify the constants (just added ‘emal’ at the end) – that was not the trick. Some hints?

  • William Searle says:
    February 9, 2011 at 11:22
    Reply

    Thanks for this, Ive managed to get Twitter working but no joy with facebook.
    When I try the facebook button, It returns to the page with the login buttons on, the Twitter image is still there and the facebook image is gone.
    In the address bar it has the session details, passed back from facebook, but it doesnt authenticate..any ideas?

    Cheers

    • William Searle says:
      February 9, 2011 at 11:31
      Reply

      Re above: Im getting the following error:
      CurlException: 60: error setting certificate verify locations:\n CAfile: /etc/pki/tls/certs/ca-bundle.crt\n CApath: none

      • Christoph Köpernick says:
        January 25, 2012 at 13:33
        Reply

        I had the same problem, just add these two lines at line 82 in typo3conf/ext/sociallogin2t3/pi1/class.facebook2t3.php:

        Facebook::$CURL_OPTS[CURLOPT_SSL_VERIFYPEER] = false;
        Facebook::$CURL_OPTS[CURLOPT_SSL_VERIFYHOST] = 2;

  • Dmitry says:
    February 20, 2011 at 10:22
    Reply

    I have problem with Twitter authentication.

    Error: EpiOAuthUnauthorizedException

  • Jonathan says:
    April 13, 2011 at 21:59
    Reply

    I’ve got following problem. If I activate twitter i got the “Oops, an error occured!” site. I found out that the error results here:
    $oauth->getAuthorizeUrl(null, array(‘oauth_callback’ => $this->getCurrentUrl()
    . ‘?service=twitter’ . (isset($_GET['id']) ? ‘&id=’ . $_GET['id'] : ”)))

    (pi1/class.twitter2t3.php -> Line 105)

    • Kim says:
      August 30, 2011 at 12:11
      Reply

      Just had the same problem – little late but thought I post this.
      Everything worked fine for me after setting the callback url inside the twitter app.

  • Kim says:
    August 30, 2011 at 12:12
    Reply

    BTW: Thanks for the great extension. Would love if you add login with google account.

  • assahmed says:
    January 7, 2012 at 12:44
    Reply

    Hi,
    Thanks U for this extension. I have juste one question, how can i get the email of the user?
    I try to write email in the constant but it don’t work.
    Thanks

    • Ron says:
      January 8, 2012 at 13:50
      Reply

      This is only possible if the social provider (e.g. Facebook) provides the email address with the user data and if the user allows transferring it.

  • assahmed says:
    January 8, 2012 at 14:46
    Reply

    Tks Ron, do you know if Facebook and twitter provide the email address with the user data?
    Also when a user can allow transferring it email?
    Thanks

  • steffen says:
    January 25, 2012 at 15:04
    Reply

    funny… the extension worked just fine. but then i deleted all my fe-users, now if i log in i come back to my page and i´m logged in to facebook but not as a fe-user, because the extension did not make a fe-user in the backend. i´m sure i got the right user page-id and the right usergroup-id. i did not change anything but the fe-users i deleted.

    can someone help me out?

  • mhudson says:
    April 15, 2012 at 18:47
    Reply

    Hi

    Is there any way with this Ext to import the email address of the user and use that rather than the facebook UID as the username?

    regards
    matt

  • Stefan says:
    July 3, 2012 at 21:50
    Reply

    Hi,
    are the any compatibility issues with real url, cool uri & co?

    Thanks!
    Stefan

  • Mauro says:
    July 4, 2012 at 11:31
    Reply

    Hi,

    to get the email address of the facebook user, you have to modify the function getLoginUrl in the file lib/facebook.php as follows:

    public function getLoginUrl($params=array()) {
    $currentUrl = $this->getCurrentUrl();
    return $this->getUrl(
    ‘www’,
    ‘login.php’,
    array_merge(array(
    ‘api_key’ => $this->getAppId(),
    ‘cancel_url’ => $currentUrl,
    ‘display’ => ‘popup’,
    ‘fbconnect’ => 1,
    ‘next’ => $currentUrl,
    ‘return_session’ => 1,
    ‘session_version’ => 3,
    ‘req_perms’ => ‘email’,
    ‘v’ => ’1.0′,
    ), $params)
    );
    }

    please note the ‘req_perms’ option: you can specify what you want to access to the user profile data.

    regards,
    Mauro

    • Martin says:
      July 26, 2012 at 17:26
      Reply

      will i get then the email only or the old stuff including the email, how i have to modify the mapping in the constant editor to get it work? thanks

  • Michele Tecchia says:
    August 9, 2012 at 12:48
    Reply

    Hi, just to let you know. I got Facebook email working by overwriting the privateFields variable. In the class.facebook2t3.php file – around Line 183
    //button to show:
    if ($session || ($GLOBALS["TSFE"]->loginUser == 1))
    {
    // Don’t need logout button
    }
    else
    {
    $buttonPath = strlen($this->conf['customButton']) > 1 ? $this->conf['customButton'] : ‘/’ . t3lib_extmgm::siteRelPath(‘sociallogin2t3′) . ‘res/facebook-login-button.png’;
    $this->content[] = ”
    . ”
    . ‘getLoginUrl() . ‘”>’
    . ‘Mit facebook anmelden.’
    . ‘    ‘
    . ”;
    $publicFields = array(‘id’, ‘name’, ‘first_name’, ‘last_name’, ‘link’, ‘gender’, ‘picture’);
    $privateFields = array(‘email’,’user_website’);
    $privateFields = implode(“,”,$privateFields);

    }

    One more thing:
    Whenever a user logged in with Facebook the user group was overwritten with the settings from the extension. To prevent this open class.sociallogin2t3_pi1.php
    starting line 236 :
    // make sure that only one entry is updated
    if ($numberOfRows == 1)
    {
    unset($this->fe_usersValues['usergroup']); //–> add this line and the user group will not be overwritten anymore

    $TYPO3_DB->exec_UPDATEquery($this->tableName, $where, $this->fe_usersValues);

    $this->loginUser($get_params);
    }

    // make sure that only one entry is updated
    if ($numberOfRows == 1)
    {
    unset($this->fe_usersValues['usergroup']);

    $TYPO3_DB->exec_UPDATEquery($this->tableName, $where, $this->fe_usersValues);

    $this->loginUser($get_params);
    }

    hope this helped.
    Best
    michele tecchia

  • Michele Tecchia says:
    October 26, 2012 at 13:10
    Reply

    unfortunately Facebook stopped working today! Facebook removed some auth flows. All I get is a blank screen. http://stackoverflow.com/questions/13070137/back-url-facebook-login-failed

    Any chance for an update?

  • Gideon So says:
    November 28, 2012 at 07:38
    Reply

    Yes. Is there any chance update it to work with new auth flows??

  • Frank de Vries says:
    December 1, 2012 at 17:21
    Reply

    Twitter login works.
    Hyves login doesn’t work.
    Can somebody help me getting Hyves to work?

    PHP Catchable Fatal Error: Argument 1 passed to GenusApis::retrieveAccesstoken() must be an instance of OAuthRequestToken, boolean given, called in /home/vhosting/d/***/www/dtvk/typo3conf/ext/sociallogin2t3/pi1/class.hyves2t3.php on line 221 and defined in /home/vhosting/d***www/dtvk/typo3conf/ext/sociallogin2t3/lib/hyves/GenusApis.php line 100

Leave a Comment to Michele Tecchia
Click here to cancel reply.