Salve a tutti, in questo articolo spiegherò come utilizzare il nuovo widget creato da facebook per facilitare la registrazione ai nuovi utenti nei vostri siti web / blog / social network.
Innanzitutto è necessario creare una nuova applicazione facebook, come spiegato nella nostra guida precedente.

Dopo aver eseguito tutti i passaggi del link sopra è necessario utilizzare i codici che Facebook ci fornisce per il Facebook Registration Tool.

Quello che otterrete a fine guida è una cosa di questo tipo, nei vostri form di registrazione:


Come ben vedete, Facebook preleva i dati degli utenti che stanno per registrarsi al vostro sito dal suo db, precompilando il  vostro form.

Questo comporta una registazione più facile, più veloce e con meno campi da compilare.
Nei test della beta di questo servizio, effettuati da facebook su friendfeed, le registrazioni sono aumentate del 300%.

Io vi spiegherò come implementarlo con la versione <iframe:

Allora:

<iframe src="http://www.facebook.com/plugins/registration.php?
client_id=Vostro Client Id&
redirect_uri=Vostro Url&
fields=Campi che vorrete nel vostro form"
scrolling="auto"
frameborder="no"
style="border:none"
allowTransparency="true"
width="100%"
height="330">
</iframe>

Il Client Id lo recuperate nella home della vostra app creata (ID Applicazione) come qui sotto:

Il vostro redirect_uri dovrà avere come base il vostro dominio scelto ed una pagina a vostra scelta dove Facebook effettuerà l’action tramite POST e dove verificherete i dati. Quindi potrete scegliere una pagina del vostro cms che si occuperà di gestire le registrazioni effettuate tramite il facebook registration tool. Ad esempio: http://dominio.com/registrazione_fb

Benissimo ora arriviamo ai fields, ossia i campi che vorrete mostrare in fase di registrazione ai vostri utenti, nel form.

Potrete scegliere tra quelli standard:

tra i campi meno comuni

Oppure scegliere campi personalizzati, come mostrato in questo codice qua sotto:

[
 {"name":"name"},
 {"name":"email"},
 {"name":"location"},
 {"name":"gender"},
 {"name":"birthday"},
 {"name":"password",   "view":"not_prefilled"},
 {"name":"like",       "description":"Do you like this plugin?", "type":"checkbox",  "default":"checked"},
 {"name":"phone",      "description":"Phone Number",             "type":"text"},
 {"name":"anniversary","description":"Anniversary",              "type":"date"},
 {"name":"captain",    "description":"Best Captain",             "type":"select",    "options":{"P":"Jean-Luc Picard","K":"James T. Kirk"}},
 {"name":"force",      "description":"Which side?",              "type":"select",    "options":{"jedi":"Jedi","sith":"Sith"}, "default":"sith"},
 {"name":"live",       "description":"Best Place to Live",       "type":"typeahead", "categories":["city","country","state_province"]},
 {"name":"captcha"}
]

name, in questo array JSON di oggetti, è il campo dell’input che vi ritroverete in PHP in $_POST['name'], description è la descrizione del campo, type è il tipo di input (text,checkbox,select,etc) e options, categories sono le opzioni dei campi select. Typeahead credo che autocompilerà il campo scegliendo tra city, country, state_province. (Non sono sicuro)

Bene ora che avete capito come impostare il codice ed i campi, ecco un esempio chiaro:

	<iframe src='http://www.facebook.com/plugins/registration.php?client_id=11659412312075894&redirect_uri=http://dominio.com/facebook_fast
	&fields=[
                  {"name":"name"},
                  {"name":"username","description":"Scegli un username", "type":"text"},
                  {"name":"password"},
                  {"name":"email"}
                 ]'
        scrolling="auto"
        frameborder="no"
        style="border:none"
        allowTransparency="true"
        width="100%"
        height="350">
</iframe>

Questo visualizzerà un form di questo tipo:

Chiaro no?

Ora vediamo come prelevare i dati in PHP, che facebook ci invia dopo il submit:

Facebook ci fornisce un codice su come prelevare i dati, basterà inserirlo nella pagina che avete impostato sopra (redirect_uri) e modificarlo a piacimento, effettuando una corretta validazione e successivo salvataggio nel DB. Questo è il codice:

<?php
define('FACEBOOK_APP_ID', 'your_app_id');
define('FACEBOOK_SECRET', 'your_app_secret');

function parse_signed_request($signed_request, $secret) {
  list($encoded_sig, $payload) = explode('.', $signed_request, 2); 

  // decode the data
  $sig = base64_url_decode($encoded_sig);
  $data = json_decode(base64_url_decode($payload), true);

  if (strtoupper($data['algorithm']) !== 'HMAC-SHA256') {
    error_log('Unknown algorithm. Expected HMAC-SHA256');
    return null;
  }

  // check sig
  $expected_sig = hash_hmac('sha256', $payload, $secret, $raw = true);
  if ($sig !== $expected_sig) {
    error_log('Bad Signed JSON signature!');
    return null;
  }

  return $data;
}

function base64_url_decode($input) {
    return base64_decode(strtr($input, '-_', '+/'));
}

if ($_REQUEST) {
  echo '<p>signed_request contents:</p>';
  $response = parse_signed_request($_REQUEST['signed_request'], FACEBOOK_SECRET);
  echo '<pre>';
  print_r($response);
  echo '</pre>';
} else {
  echo '$_REQUEST is empty';
}
?>

Vi sembra complicato?!

Niente di difficile! Non preoccupatevi,  ci sono due funzioni ed una condizione. Le funzioni si occupano di decriptare la richiesta e di validarla, mentre la condizione non fa altro che controllare se ci sono dati passati tramite POST ed in caso di richiesta valida, di stamparli. Troverete tutto  nella variabile $response, che sarà un array().

Ovviamente ricordatevi di settare il vostro FACEBOOK_APP_ID ed il vostro FACEBOOK_SECRET (nelle prime righe del codice PHP) che trovate nelle impostazioni della vostra applicazione (Ben visibile anche nella seconda immagine di questo articolo).

Semplice no? Se avete dubbi o critiche postate pure.

Grazie!

Salve a tutti, in questo articolo con poco testo e molte immagini spiegherò come creare un’applicazione su facebook.

Recarsi a questo indirizzo: http://www.facebook.com/developers/ e creare una nuova applicazione:

1° – Dopo aver accettato la connessione dell’app Developers, clicciamo su ‘Set Up New App’

2° – Accettiamo i termini e scegliamo il nome dell’applicazione

3° – Impostiamo il dominio:

Perfetto la vostra applicazione è stata creata, adesso potrete usare la documentazione offrita da facebook per usufruire di tutte le sue API.

Naturalmente ora dovrete scrivere codice ed utilizzare la vostra fantasia per creare un’applicazione innovativa e magari virale.

Buon app!

Rain Tpl è un template engine Php Open Source, è una ottima scelta sia per chi è alle prime armi con PHP, perchè molto semplice da usare, sia per chi vuole creare applicazioni performanti perchè precompila i template HTML in PHP.

E’ scaricabile dal sito ufficiale, dove sono anche presenti la documentazione ed alcuni utili esempi.Rain Tpl è forse l’unico che veramente offre la possibilità di dividere la logica dalla presentazione, grazie alla sua proprietà WYSIYG che permette al team grafico di realizzare i template come veri e propri file html con immagini e fogli di stile, quindi visibili subito su browser, e caricabili direttamente su server, una seccatura in meno rispetto a Smarty dove, lo sviluppatore deve sostituire i percorsi di immagini e css ad ogni modifica, operazione che in questo caso viene fatta in automatico.Rain Tpl ha una sintassi simile a Smarty, chi lo conosce si troverà da subito familiare con il set di operatori per template (tag), si possono contare sulle dita e ci si può fare praticamente tutto, {$var}, {#CONST#}, {loop}, {if}, {include}, {noparse}, {ignore}, ancora meno sono i metodi per creare i template, RainTpl(), assign(), draw(), anche questi semplici da usare.
Insomma è chiaro a questo punto che RainTpl deve il suo successo proprio alla semplicità, unita alla completezza, grazie alle quali ha piano piano conquistato il consenso della comunità PHP, andando ad inserirsi in diversi progetti come Cms e Framework, più o meno noti, tra i quali ricordiamo l’appena pubblicato Rain Framework, un altro progetto Made in Italy, creato dallo stesso team di RainTpl, e se il buongiorno si vede dal mattino… ne vedremo delle belle!

Ebbene sì, come scritto in questo topic.

Registratevi e postate.

Toolr è un servizio che raccoglie decine di risorse utili a webmaster e sistemisti (prevalentemente Linux/Unix) che vanno dalle guide di base al CSS fino ai generatori di script per crontab.

I siti raccolti sono suddivisi in 4 categorie:

• HTML/CSS/PHP tools (strumenti per realizzare siti)
• Graphic tools (strumenti per la parte grafica dei siti come loghi, icone…)
• SEO tools (strumenti per la Search Engine Optimization)
• Server tools (strumenti per utenti avanzati, come convertitori di timestamp unix e uptime tracking)

Una delle caratteristiche principali di Toolr è la possibilità di inviare, se ne conoscete, altri servizi in modo che vengano aggiunti al sito…ottimo modo per pubblicizzare una propria creazione.

Link al servizio: Toolr

Fonte: Freeware blog

Con OpenInviter è possibile ottenere uno script per inviti per social network o msn messenger gratuitamente da integrare sul proprio sito; tra i più famosi disponibili:

Basterà infatti registrarsi, scaricare il pacchetto base se non si ha particolari esigenze per WordPress,Joomla, Drupal o PHPBB; OpenInviter infatti mette a disposizione molte versioni adatte per numerosi CMS. Trovate la lista completa a questo indirizzo. L’installazione dello script è semplice, troverete all’interno del pacchetto base un pdf molto chiaro per completare l’installazione correttamente. Noi abbiamo testato quello di facebook e funziona molto bene!