Server und Systeme -> Webspace und Internetauftritt -> Twitter @anywhere API

Twitter @anywhere API vom 12.05.2010 08:10 Uhr

Ich hab mich Heute mal mit der relativ neuen twitter API beschäftigt. Damit kann man die Funktionalitäten von twitter auf seiner eigenen Seite nutzen und zum Beispiel User, die sich über twitter einloggen, als Unique verivizieren. Man kann Kommentare direkt an twitter senden oder auch Votings und sonstige Useraktivitäten.

Wie funktioniert die @anywhere API von Twitter?

Als erstes muss man sich bei der API mit seinem Projekt anmelden. Die URL die man angibt, ist dann die erlaubte Adresse, die die API aufrufen darf. Es klappt also nicht auf einem DEV Server.
Dann bindet man ein JS ein, was die ganzen Funktionen beinhaltet.

<script src="http://platform.twitter.com/anywhere.js?id=[eindeutige ID]&v=1"></script>

Jetzt kann man zum Beispiel den User zum Login bei Twitter auffordern. Der User bekommt ein Popup mit den bekannten "Allow" "Deny" Buttons und wir danach wieder zu der Seite, wo er vorher war zurückgeleitet.

<div class="twitter_image" id="twitter_image">
	<span id="twitter-connect-placeholder"></span>
</div>
<script type="text/javascript">
    window.addEvent('load', function()
    {
        twttr.anywhere(function (T)
        {
            T.bind("authComplete", function (e, user)
            {// triggered when auth completed successfully
                location.reload();
            });
            
            T.bind("signOut", function (e)
            {// triggered when user logs out
                location.reload();
            });

            var currentUser,
            screenName,
            profileImage,
            profileImageTag;
        
            if(T.isConnected())
            {
                currentUser = T.currentUser;
                screenName = currentUser.data('screen_name');
                $('thatnickname').setAttribute('value', screenName);
                profileImage = currentUser.data('profile_image_url');
                profileImageTag = "<img src='" + profileImage + "'/>";
                $('twitter_image').innerHTML = profileImageTag;
                $('twitter_logout').setStyle('display', 'block');
            }
            else
            {
                T("#twitter-connect-placeholder").connectButton();
            };
        
        });
    });
</script>

Hat der User die Seite einmal erlaubt, kann man so ziemlich alles mit den Userdaten anstellen, was man will. Es ist sinnvoll die Seite neuzuladen, damit man die Daten hat. Dann kann man die Parameter, die man von dem twitteruser haben möchte auslesen und benutzen/speichern.

Die ganze Twitter API gibt es hier
http://dev.twitter.com/anywhere/begin

Dein Kommentar zum Beitrag: