text 5 Mar Create Facebook application in Ruby on Rails

Vediamo come creare una semplicissima app per facebook in Rails che stampa ‘Hello NOME_UTETE_FACEBOOK COGNOME_UTETE_FACEBOOK’

Per prima cosa installiamo la gemma facebooker

sudo gem install facebooker

Poi creiamo un’app vuota

rails myfaceapp

e il plugin facebooker per rails

./script/plugin install git://github.com/mmangino/facebooker.git

Ok creiamo un controller, per esempio ciccio con la vista index

script/generate controller ciccio index

Modifichiamo subito il file app/controllers/application_controller.rb aggiungendo

ensure_application_is_installed_by_facebook_user
filter_parameter_logging :fb_sig_friends

A questo punto andiamo a modificare l’azione index nel controller ciccio (file app/controllers/ciccio_controller.rb)

def index
  @firstName = facebook_session.user.first_name
  @lastName = facebook_session.user.last_name
end

Infine editiamo la vista dell’azione index app/views/ciccio/index.html.erb

Hello <%= @firstName %> <%= @lastName %>!

Bene. Ora la nostra app e` quasi pronta…

Ora dobbiamo configurarla er in facebook. Andiamo all’indirizzo http://www.facebook.com/developers/apps.php e creiamo una nuova app (Imposta Nuova Applicazione). Inseriamo il nome dell’app e accettiamo la licenza. Andiamo poi sul tab ‘Modelli’ (Canvas) e inseriamo Canvas page URL con mytestapp e Canvas Callback URL con http://localhost:3000/ciccio/index/. Salviamo le modifiche.

A questo punto l’ultimo passo: copiamo la Chiave API e la Secret Key (Applicazione Nascosta). Ora nella nosta app rails creiamo il file app/config/facebooker.yml come segue:

development:
  api_key: API_KEY_APPENA_COPIATA
  secret_key: SECRET_KEY_APPENA_COPIATA
  pretty_errors: true
  set_asset_host_to_callback_url: true
test:
  api_key: API_KEY_APPENA_COPIATA
  secret_key: SECRET_KEY_APPENA_COPIATA
  pretty_errors: true
  set_asset_host_to_callback_url: true
production:
  api_key: API_KEY_APPENA_COPIATA
  secret_key: SECRET_KEY_APPENA_COPIATA
  pretty_errors: true
  set_asset_host_to_callback_url: true

Avviamo la nostra app con ./script/server e testiamola all’indirizzo http://apps.facebook.com/mytestapp/


blog comments powered by Disqus