Facebook mit Rails und Facebooker

Rails vs. Facebooker
Facebook-Apps mit Facebooker
Jan Krutisch <jan.krutisch@mindmatters.de>

10. Juni 2009
Rails Usergroup Hamburg
Donnerstag, 11. Juni 2009

Facebook you say?


200 Gazillionen
Benutzer


(pro Tag)


(ungefähr)


verdammt viele


potentielle Kunden


für was?


for great justice


Step 3: Proﬁt


Virales Wachstum und
so...


Glaubt mir!


anyway


facebook application?


Integrationspunkte


Canvas


• App in App (Proxy bzw. iFrame)
• HTML plus FBML
• Zusätzliche Parameter, Header etc.


FBML ZOMG WTF?


Face Book Markup
Language


<fb:fbml>
<fb:header>dings</fb:header>
<%- fb_tabs do -%>
<%= yield :tabs %>
<%- end -%>
<fb:add-section-button section=quot;profilequot; />
<%= yield %>
</fb:fbml>


loads of tags


BML
hp/F
ind ex.p
m/
oo k.co
rs.f aceb
eve lope
//w iki.d
http:

Text


• Daten-Integration
• Cache-Hilfen
• Forms
• Styling
• Visibility


API


(out of scope)


Proﬁl-Widgets pushen


(Auch FBML)


Notiﬁcations


Publisher


Facebook Connect


(Think OAuth)


Weitere Technologien


FBJS


Face Book Just Sucks


<%= image_tag image.small_url,
:id => quot;gallery_image_#{image.id}quot;,
:class => quot;gallery-imagequot;,
:onclick => quot;setImage(#{image.id});return false;quot; %>


Aber wie?


Facebooker


Chad Fowler


Mike Mangino


• Sehr coole API-Umsetzung
• before_filter f. Auth etc.
• Fast alle APIs abgedeckt
• Publisher (wie Mailer) f. Notifications,
Profile, Profile-Publisher

• FBML-Helper


Conﬁgure


development:
api_key: ---------------------------------
secret_key: ----------------------------------
canvas_page_name: example
callback_url: http://example:4007
pretty_errors: true
set_asset_host_to_callback_url: true
tunnel:
public_host_username: johndoe
public_host: example.com
public_port: 4007
local_port: 3000
server_alive_interval: 0

test:
api_key: ---------------------------------
secret_key: ----------------------------------
canvas_page_name: example
callback_url: http://example:4007
pretty_errors: true
set_asset_host_to_callback_url: true
tunnel:
public_host_username: johndoe
public_host: example.com
public_port: 4007
local_port: 3000
server_alive_interval: 0


rake facebooker:tunnel:start


ssh -R :4007:localhost:3000 johndoe@example.com sleep 999999


#/etc/ssh/sshd_config

GatewayPorts clientspecified


$ /script/server


client browser

facebook

example.com

dev machine


CodePorn.random


ApplicatioController


# Filters added to this controller apply to all controllers in the application.
# Likewise, all the methods added will be available for all controllers.

class ApplicationController < ActionController::Base

include ExceptionNotifiable

helper :all # include all helpers, all the time
protect_from_forgery # See ActionController::RequestForgeryProtection for d...

helper_attr :current_user

attr_accessor :current_user

ensure_authenticated_to_facebook

before_filter :create_facebook_session, :set_current_user

# Scrub sensitive parameters from your log
# filter_parameter_logging :password

def set_current_user
self.current_user = User.for(facebook_session.user.to_i, facebook_session)
end

end


<fb:fbml>
<style type=quot;text/cssquot; media=quot;screenquot;>
ul.image-list li h2 {
margin-bottom: 5px;
}

.single-image {
width:760px;
text-align:center;
margin-top:10px;
}
.single-image h2 {
margin-bottom: 5px;
}

</style>
<fb:header>dpa-info.com galerie</fb:header>
<%- fb_tabs do -%>
<%= yield :tabs %>
<%- end -%>
<fb:add-section-button section=quot;profilequot; />
<%= yield %>

</fb:fbml>


application.fbml.erb


<%- content_for :tabs do -%>
<%= fb_tab_item 'Gallery', root_url, :selected => true %>
<%= fb_tab_item 'Invite your friends', new_invitation_url %>
<%- end -%>


Proﬁle Template


<%- @assigns[:images].each do |image| -%>
<%= link_to image_tag(image.small_url,
:title => h(image.title),
:alt => h(image.title)), root_url %>
<%- end -%>
<%= link_to quot;Mehr Bilder...quot;, gallery_url %>


class GalleryPublisher < Facebooker::Rails::Publisher

def image_feed_template
app_link = link_to(quot;Mehr Photos...quot;,root_url)
one_line_story_template quot;{*actor*} mag das Photo '{*image_title*}'
#{app_link}quot;
short_story_template quot;{*actor*} mag das Photo '{*image_title*}' aus der dpa-
Galeriequot;, quot;#{app_link}quot;
end

def image_feed(user, image)
send_as :user_action
from user
data :image_title => image.title,
:images=>[image(image.small_url,root_url)]
end

def profile_update(user)
send_as :profile
recipients user
@images = DailyImage.latest.all(:limit => 10)
profile render(:partial => quot;profilequot;, :assigns => {:images => @images} )
profile_main render(:partial => quot;profile_narrowquot;, :assigns => {:images =>
@images[0..3]} )
end
end


ProﬁlePublisher


class ProfilePublisherController < ApplicationController
skip_before_filter :ensure_authenticated_to_facebook
def index

if current_user.nil? and facebook_params[:user]
self.current_user = User.for(facebook_params[:user])
end

if wants_interface?
@images = DailyImage.latest.all(:limit => 10)
render_publisher_interface(render_to_string(:partial=>quot;formquot;, :assigns =>
{:images => @images}))
else
@image = DailyImage.find(params[:app_params][:id])
render_publisher_response(GalleryPublisher.create_image_feed(current_user,
@image))
end
end
end


some more code...


ﬁn


Facebook mit Rails und Facebooker

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Mehr von jan_mindmatters

Mehr von jan_mindmatters (9)

Facebook mit Rails und Facebooker