The Essence of Programming

Jakiś czas temu założyłem sobie konto w twitter.com. Chcąc wzbogacić bloga o pewien dodatek oferowany przez wymieniony wyżej serwis(dot. aktualnie wykonywanych przeze mnie czynności), zmuszony byłem zainstalować go w postaci flasha na stronie. Niestety, nie przepadam za "flashowymi bajerami" i tym samym postanowiłem stworzyć coś nowego, co odpowiadałoby moim potrzebom :) Z pomocą przyszło mi API twittera, php oraz JavaScript(prototype, script.aculo.us - pliki: scriptaculous.js, effects.js).

Twitter.com udostępnia obszerne API dzięki któremu, za pomocą skryptów zewnętrznych możemy kontrolować obsługę naszego konta w serwisie. W naszym przypadku(chcemy pobierać tylko statusy utworzone przez nas) odwoływać będziemy się do tego adresu: http://twitter.com/statuses/user_timeline/user.json - gdzie user jest zarejestrowaną nazwą użytkownika.

Stwórzmy bibliotekę - twitter.class.php - która odpowiedzialna będzie za pobieranie wyżej wymienionego pliku:

Następnym krokiem, bedzie stworzenie pliku - twitter.php - do którego będziemy się odwoływać za pomocą AJAX'a. Plik ten będzie korzystał z wcześniej utworzonej klasy Twitter:

Po utworzeniu skryptów wykonywanych po stronie serwera, zajmijmy się stroną kliencką. Stwórzmy bibliotekę JavaScript - twitterLib.js odpowiedzialną za wywołania pliku twitter.php przy udziale AJAX'a(z drobną pomocą biblioteki prototype oraz script.aculo.us), oraz odpowiednie przetwarzanie i generowanie widoku:

Kolejnym krokiem będzie "połączenie wszystkiego w całość" poprzez stworzenie pliku index.html:

Gdzie twitter_user_name to nazwa użytkownika w serwisie twitter, a twitter_block_name to id elementu w jakim chcemy umieścić nasze statusy.

Dodajmy jeszcze wygląd - style.css:

Ufff.... skończyliśmy :) Gotowy przykład działania można zobaczyć pod: http://files.gruszka.info/blog/scripts/twitter/