Získání Twitter avataru

Před časem byla zrušena jednoduchá možnost, jak dle přezdívky na Twitteru zobrazit profilový obrázek. Fungovalo to hezky jednoduše, stačilo vložit:

<img src='https://api.twitter.com/1/users/profile_image?screen_name=Jméno>

A daná URL přesměrovala prohlížeč na konkrétní obrázek. Bohužel už to nejde.

Vlastní aplikace

  1. Pro obdobnou funkčnost je nutné vytvoření Twitter aplikace. Jde to po přihlášení údaji z Twitteru na dev.twitter.com.

    Vytvoření Twitter aplikace

  2. Potom je potřeba nějaká knihovna, které se předají všelijaké klíče a tokeny, ta ověří jejich platnost a skript dostane data v JSONu.

    Klíče a tokeny Twitter aplikace

  3. Stránka pro získávání dat o uživateli je GET users/show.
  4. Jelikož je potřeba skriptu předat tajné klíče, bude muset být na straně serveru. Ověření a získání dat jen JavaScriptem tudíž nebude možné.

Použití

S třídou Twitter for PHP to jde skoro samo.

<?php
if (!isset($_GET["name"])) die();
require_once 'twitter.class.php';
// Údaje vyplnit dle aplikace na dev.twitter.com/apps
$twitter = new Twitter($consumerKey, $consumerSecret, $accessToken, $accessTokenSecret);
$data = $twitter->request('users/show.json?screen_name=' . $_GET["name"], 'GET');
// Vypíše URL obrázku
echo $data->profile_image_url;

Asynchronní načítání JavaScriptem

Protože získávání URL obrázku z cizího severu může trvat delší dobu a zbytečně tak brzdit vygenerování stránky, nabízí se potřebná data stáhnou asynchronně JavaScriptem.

  1. Vytvoříme atrapu s výchozím obrázkem:
    <img width=48 height=48 src='default_profile_2_normal.png' id=twitter-avatar>
  2. výše uvedený PHP skript vrátí JS kód pro změnu src obrázku:
    document.getElementById("twitter-avatar").src = '<?=$data->profile_image_url?>';
  3. někde na konci stránky se tento skript připojí:
    <script src='twitter-avatar.php?name=Jméno'></script>

Cache

Je-li pravděpodobné, že se Twitter avatar bude zobrazovat pravidelně, je vhodné ho navíc kešovat na vlastním serveru.

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Facebook Like, Google Plus a Twitter tlačítka

Tlačítka pro sdílení na sociálních sítích

Různé možnosti, jak mít na webu tlačítka pro sdílení na sociálních sítích.

Náhled webu na Twitteru

Náhled odkazu na Twitteru

Jak u odkazu na Twitteru zobrazit jeho náhled?

Náhled webu při sdílení na sociálních sítích

Náhled odkazu při sdílení na sociálních sítích

Jak upravit stránku, aby se hezky zobrazovala při sdílení na Facebooku a Twitteru.

Jak zjistit počet sdílení na FB a Twitteru

Počet sdílení na Facebooku a Twitteru

Jak pomocí API získat ve JSONu počet sdílení stránky na Facebooku a Twitteru.

Jak se přidat do vlastního Twitter listu

Jak sám sebe přidat do Twitter seznamu

Jak přidat svůj Twitter účet do vlastního seznamu (listu).

Komentáře