Facebook mit Rails und Facebooker

Rails vs. FacebookerFacebook-Apps mit Facebooker

Jan Krutisch <[email protected]>

10. Juni 2009Rails Usergroup Hamburg

Donnerstag, 11. Juni 2009

mailto:[email protected]


Facebook you say?


200 Gazillionen Benutzer


(pro Tag)


(ungefähr)


verdammt viele


potentielle Kunden


für was?


for great justice


Step 3: Profit


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="profile" /> <%= yield %></fb:fbml>


loads of tags


Texthttp://wiki.developers.facebook.com/index.php

/FBML


http://wiki.developers.facebook.com/index.php/FBML















































•Daten-Integration

•Cache-Hilfen

•Forms

•Styling

•Visibility


API


(out of scope)


Profil-Widgets pushen


(Auch FBML)


Notifications


Publisher


Facebook Connect


(Think OAuth)


Weitere Technologien


FBJS


Face Book Just Sucks


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


<img alt="101_21480322_original" class="gallery-image" id="app208488715334_gallery_image_29" onclick="fbjs_sandbox.instances.a208488715334.bootstrap();return fbjs_dom.eventHandler.call([fbjs_dom.get_instance(this,208488715334),function(a208488715334_event) {a208488715334_setImage(29);return false;},208488715334],new fbjs_event(event));return true;" src="http://s3.amazonaws.com/com.dpa-info.widget.staging/101_21480322_original.small-1-1-200-126-0-582-456.jpg" fbcontext="fa3facfe268f">


http://s3.amazonaws.com/com.dpa-info.widget.staging/101_21480322_original.small-1-1-200-126-0-582-456.jpg








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


Configure


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


http://example:4007

http://example:4007

http://example:4007

http://example:4007

rake facebooker:tunnel:start


ssh -R :4007:localhost:3000 [email protected] sleep 999999




#/etc/ssh/sshd_config

GatewayPorts clientspecified


$ /script/server


example.com

facebook

client browser

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="text/css" media="screen"> 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="profile" /> <%= 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 -%>


Profile 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 "Mehr Bilder...", gallery_url %>


Publisher


class GalleryPublisher < Facebooker::Rails::Publisher def image_feed_template app_link = link_to("Mehr Photos...",root_url) one_line_story_template "{*actor*} mag das Photo '{*image_title*}' #{app_link}" short_story_template "{*actor*} mag das Photo '{*image_title*}' aus der dpa-Galerie", "#{app_link}" 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 => "profile", :assigns => {:images => @images} ) profile_main render(:partial => "profile_narrow", :assigns => {:images => @images[0..3]} ) endend


ProfilePublisher


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=>"form", :assigns => {:images => @images})) else @image = DailyImage.find(params[:app_params][:id]) render_publisher_response(GalleryPublisher.create_image_feed(current_user, @image)) end endend


some more code...


fin


Facebook mit Rails und Facebooker

Technology

Transcript of Facebook mit Rails und Facebooker