SlideShare una empresa de Scribd logo
1 de 32
Descargar para leer sin conexión
WELCOME  TO  RUBY ON RAILS  DEVELOPERS
An introduction to Facebook Connect Nyros Facebook Developer Garage, May 29 th  2010
Requirements for facebook integration ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
Facebook Connect - Introduction ,[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Facebook Connect - Introduction
Use in real time Scribd  is a document-sharing website
 
Use in real time
Use in real time
News feed in our FB friends wall
Implementation & Integration with Rails App ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Implementation & Integration with Rails App ,[object Object],[object Object]
 
 
 
Take a note of the api_key and secret and add these to config/facebooker.yml
development: api_key: 23ad2f3a4cf6f235b2249dd0138c2913 secret_key: d3570fc4434b5a4ad9e1fc0f29e991c3 canvas_page_name: callback_url: http://localhost:3000/ pretty_errors: true set_asset_host_to_callback_url: true tunnel: public_host_username:  public_host:  public_port: 4007 local_port: 3000 add these api and secret keys to config/facebooker.yml
[object Object],<%= javascript_tag &quot;window.xd_receiver_location = '#{ENV['XD_RECEIVER_LOCATION']}';&quot; %> <%= javascript_include_tag 'facebook_require' %> <%= javascript_include_tag 'http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php' %> or register with Facebook connect <fb:login-button onclick='facebook_button_onclick()'></fb:login-button>
Some Connect code: <fb:login-button>  </fb:login-button> <script src=&quot;http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php&quot; type=&quot;text/javascript&quot;></script> This loads in the JavaScript library which renders the login button
[object Object],[object Object],Two different methods for login, in this implementation
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Enter here out facebook login details
A Facebook styled dialogue box lets the user know what’s going on
 
[object Object],[object Object],[object Object],[object Object]
Facebook Connect – How it works ,[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
Facebook Connect – Disadvantages There are disadvantages to Facebook Connect…
Facebook Connect – Disadvantages ,[object Object],[object Object],[object Object],[object Object],[object Object]
Facebook Connect – Disadvantages ,[object Object],[object Object],[object Object],[object Object]
Facebook Connect – The future Thanks Ratnam Raju,  [email_address]

Más contenido relacionado

La actualidad más candente

Introduction to WordPress Class 4
Introduction to WordPress Class 4Introduction to WordPress Class 4
Introduction to WordPress Class 4Adrian Mikeliunas
 
Peepcode facebook-2-rails on facebook
Peepcode facebook-2-rails on facebookPeepcode facebook-2-rails on facebook
Peepcode facebook-2-rails on facebooksushilprajapati
 
My 17 Point SEO Checklist
My 17 Point SEO ChecklistMy 17 Point SEO Checklist
My 17 Point SEO ChecklistWill Hanke
 
How to Install Magento 2 On Wamp
How to Install Magento 2 On WampHow to Install Magento 2 On Wamp
How to Install Magento 2 On WampTecstub
 
How to Install Magento Theme
How to Install Magento ThemeHow to Install Magento Theme
How to Install Magento ThemeM-Connect Media
 
InLinks tutorial .pptx
InLinks tutorial .pptxInLinks tutorial .pptx
InLinks tutorial .pptxDixon Jones
 
How to Install Magento Extensions - Tutorial
How to Install Magento Extensions - TutorialHow to Install Magento Extensions - Tutorial
How to Install Magento Extensions - TutorialM-Connect Media
 
Web 2.0: What Can It Offer The Research Community?
Web 2.0: What Can It Offer The Research Community?Web 2.0: What Can It Offer The Research Community?
Web 2.0: What Can It Offer The Research Community?lisbk
 
What's New on the Facebook Platform, June 2011
What's New on the Facebook Platform, June 2011What's New on the Facebook Platform, June 2011
What's New on the Facebook Platform, June 2011Iskandar Najmuddin
 
How to develop app for facebook fan page
How to develop app for facebook fan pageHow to develop app for facebook fan page
How to develop app for facebook fan pageBunlong Van
 
Introduction to facebook platform
Introduction to facebook platformIntroduction to facebook platform
Introduction to facebook platformVenkatesh Narayanan
 
How to Create Facebook Like Buttons for your Website Pages
How to Create Facebook Like Buttons for your Website PagesHow to Create Facebook Like Buttons for your Website Pages
How to Create Facebook Like Buttons for your Website PagesNET:101
 
Download PowerPoint Project on social programming for engineering students
Download PowerPoint Project on social programming for engineering studentsDownload PowerPoint Project on social programming for engineering students
Download PowerPoint Project on social programming for engineering studentsSkyingBlogger
 
Prime Reasons Behind The Success Of Magento 2
Prime Reasons Behind The Success Of Magento 2 Prime Reasons Behind The Success Of Magento 2
Prime Reasons Behind The Success Of Magento 2 M-Connect Media
 

La actualidad más candente (19)

Introduction to WordPress Class 4
Introduction to WordPress Class 4Introduction to WordPress Class 4
Introduction to WordPress Class 4
 
Peepcode facebook-2-rails on facebook
Peepcode facebook-2-rails on facebookPeepcode facebook-2-rails on facebook
Peepcode facebook-2-rails on facebook
 
Email - Good Practices
Email - Good PracticesEmail - Good Practices
Email - Good Practices
 
My 17 Point SEO Checklist
My 17 Point SEO ChecklistMy 17 Point SEO Checklist
My 17 Point SEO Checklist
 
Facebook Apps
Facebook AppsFacebook Apps
Facebook Apps
 
How to Install Magento 2 On Wamp
How to Install Magento 2 On WampHow to Install Magento 2 On Wamp
How to Install Magento 2 On Wamp
 
How to Install Magento Theme
How to Install Magento ThemeHow to Install Magento Theme
How to Install Magento Theme
 
InLinks tutorial .pptx
InLinks tutorial .pptxInLinks tutorial .pptx
InLinks tutorial .pptx
 
How to Install Magento Extensions - Tutorial
How to Install Magento Extensions - TutorialHow to Install Magento Extensions - Tutorial
How to Install Magento Extensions - Tutorial
 
Facebook Apps
Facebook AppsFacebook Apps
Facebook Apps
 
Web 2.0: What Can It Offer The Research Community?
Web 2.0: What Can It Offer The Research Community?Web 2.0: What Can It Offer The Research Community?
Web 2.0: What Can It Offer The Research Community?
 
What's New on the Facebook Platform, June 2011
What's New on the Facebook Platform, June 2011What's New on the Facebook Platform, June 2011
What's New on the Facebook Platform, June 2011
 
How to develop app for facebook fan page
How to develop app for facebook fan pageHow to develop app for facebook fan page
How to develop app for facebook fan page
 
Introduction to facebook platform
Introduction to facebook platformIntroduction to facebook platform
Introduction to facebook platform
 
How to Create Facebook Like Buttons for your Website Pages
How to Create Facebook Like Buttons for your Website PagesHow to Create Facebook Like Buttons for your Website Pages
How to Create Facebook Like Buttons for your Website Pages
 
Job
JobJob
Job
 
Download PowerPoint Project on social programming for engineering students
Download PowerPoint Project on social programming for engineering studentsDownload PowerPoint Project on social programming for engineering students
Download PowerPoint Project on social programming for engineering students
 
Prime Reasons Behind The Success Of Magento 2
Prime Reasons Behind The Success Of Magento 2 Prime Reasons Behind The Success Of Magento 2
Prime Reasons Behind The Success Of Magento 2
 
Jabber Bot
Jabber BotJabber Bot
Jabber Bot
 

Similar a Connect with Facebook to Rails Application By Nyros Developer

Facebook 3rd Party Api
Facebook 3rd Party ApiFacebook 3rd Party Api
Facebook 3rd Party ApiYoss Cohen
 
Facebook Developer Garage Cyberjaya
Facebook Developer Garage CyberjayaFacebook Developer Garage Cyberjaya
Facebook Developer Garage CyberjayaMehedi Hasan Sumon
 
Facebook api
Facebook api Facebook api
Facebook api snipermkd
 
Facebook API
Facebook APIFacebook API
Facebook APIsnipermkd
 
Creating a content managed facebook app
Creating a content managed facebook appCreating a content managed facebook app
Creating a content managed facebook appOS-Cubed, Inc.
 
Facebook on Rails
Facebook on RailsFacebook on Rails
Facebook on Railsmc77
 
Facebook Connect Tutorial
Facebook Connect TutorialFacebook Connect Tutorial
Facebook Connect TutorialPrateek Dayal
 
Facebook Platform for Developers
Facebook Platform for DevelopersFacebook Platform for Developers
Facebook Platform for DevelopersLidan Hifi
 
Facebook Platform - Tech
Facebook Platform - TechFacebook Platform - Tech
Facebook Platform - TechDavid Zhuang
 
Facebook plateform architecture presentation
Facebook plateform architecture   presentationFacebook plateform architecture   presentation
Facebook plateform architecture presentationInam Soomro
 
Shiny Agency's Facebook Development Guidelines
Shiny Agency's Facebook Development GuidelinesShiny Agency's Facebook Development Guidelines
Shiny Agency's Facebook Development GuidelinesRoy Pereira
 
What's New on the Facebook Platform, July 2011
What's New on the Facebook Platform, July 2011What's New on the Facebook Platform, July 2011
What's New on the Facebook Platform, July 2011Iskandar Najmuddin
 
funP 開發者俱樂部 十月份聚會
funP 開發者俱樂部 十月份聚會funP 開發者俱樂部 十月份聚會
funP 開發者俱樂部 十月份聚會tutchiio
 

Similar a Connect with Facebook to Rails Application By Nyros Developer (20)

Facebook Coin
Facebook CoinFacebook Coin
Facebook Coin
 
Facebook 3rd Party Api
Facebook 3rd Party ApiFacebook 3rd Party Api
Facebook 3rd Party Api
 
Facebook Connect
Facebook ConnectFacebook Connect
Facebook Connect
 
Facebook apps
Facebook appsFacebook apps
Facebook apps
 
Facebook Developer Garage Cyberjaya
Facebook Developer Garage CyberjayaFacebook Developer Garage Cyberjaya
Facebook Developer Garage Cyberjaya
 
Facebook Platform
Facebook PlatformFacebook Platform
Facebook Platform
 
Facebook api
Facebook api Facebook api
Facebook api
 
Facebook API
Facebook APIFacebook API
Facebook API
 
Creating a content managed facebook app
Creating a content managed facebook appCreating a content managed facebook app
Creating a content managed facebook app
 
Facebook on Rails
Facebook on RailsFacebook on Rails
Facebook on Rails
 
Facebook Connect Tutorial
Facebook Connect TutorialFacebook Connect Tutorial
Facebook Connect Tutorial
 
Facebook Platform for Developers
Facebook Platform for DevelopersFacebook Platform for Developers
Facebook Platform for Developers
 
Facebook Platform - Tech
Facebook Platform - TechFacebook Platform - Tech
Facebook Platform - Tech
 
Facebook plateform architecture presentation
Facebook plateform architecture   presentationFacebook plateform architecture   presentation
Facebook plateform architecture presentation
 
Facebook Coin
Facebook CoinFacebook Coin
Facebook Coin
 
Facebook_Coin
Facebook_CoinFacebook_Coin
Facebook_Coin
 
Facebook Coin
Facebook CoinFacebook Coin
Facebook Coin
 
Shiny Agency's Facebook Development Guidelines
Shiny Agency's Facebook Development GuidelinesShiny Agency's Facebook Development Guidelines
Shiny Agency's Facebook Development Guidelines
 
What's New on the Facebook Platform, July 2011
What's New on the Facebook Platform, July 2011What's New on the Facebook Platform, July 2011
What's New on the Facebook Platform, July 2011
 
funP 開發者俱樂部 十月份聚會
funP 開發者俱樂部 十月份聚會funP 開發者俱樂部 十月份聚會
funP 開發者俱樂部 十月份聚會
 

Más de Nyros Technologies

MVC Architecture in ASP.Net By Nyros Developer
MVC Architecture in ASP.Net By Nyros DeveloperMVC Architecture in ASP.Net By Nyros Developer
MVC Architecture in ASP.Net By Nyros DeveloperNyros Technologies
 
Web Designing Bugs - Fixes By Nyros Developer
Web Designing Bugs - Fixes By Nyros DeveloperWeb Designing Bugs - Fixes By Nyros Developer
Web Designing Bugs - Fixes By Nyros DeveloperNyros Technologies
 
Capistrano Deployment By Nyros Developer
Capistrano Deployment By Nyros DeveloperCapistrano Deployment By Nyros Developer
Capistrano Deployment By Nyros DeveloperNyros Technologies
 
Silver Light By Nyros Developer
Silver Light By Nyros DeveloperSilver Light By Nyros Developer
Silver Light By Nyros DeveloperNyros Technologies
 
Web 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros DeveloperWeb 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros DeveloperNyros Technologies
 
Language Integrated Query By Nyros Developer
Language Integrated Query By Nyros DeveloperLanguage Integrated Query By Nyros Developer
Language Integrated Query By Nyros DeveloperNyros Technologies
 
New Features in .Net Framework 4.0 By Nyros Developer
New Features in .Net Framework 4.0 By Nyros DeveloperNew Features in .Net Framework 4.0 By Nyros Developer
New Features in .Net Framework 4.0 By Nyros DeveloperNyros Technologies
 
Oops in PHP By Nyros Developer
Oops in PHP By Nyros DeveloperOops in PHP By Nyros Developer
Oops in PHP By Nyros DeveloperNyros Technologies
 
Research on Audio and Video Streaming
Research on Audio and Video StreamingResearch on Audio and Video Streaming
Research on Audio and Video StreamingNyros Technologies
 
Deploying Rails Apps with Capistrano
Deploying Rails Apps with CapistranoDeploying Rails Apps with Capistrano
Deploying Rails Apps with CapistranoNyros Technologies
 

Más de Nyros Technologies (20)

MVC Architecture in ASP.Net By Nyros Developer
MVC Architecture in ASP.Net By Nyros DeveloperMVC Architecture in ASP.Net By Nyros Developer
MVC Architecture in ASP.Net By Nyros Developer
 
Web Designing Bugs - Fixes By Nyros Developer
Web Designing Bugs - Fixes By Nyros DeveloperWeb Designing Bugs - Fixes By Nyros Developer
Web Designing Bugs - Fixes By Nyros Developer
 
Capistrano Deployment By Nyros Developer
Capistrano Deployment By Nyros DeveloperCapistrano Deployment By Nyros Developer
Capistrano Deployment By Nyros Developer
 
Silver Light By Nyros Developer
Silver Light By Nyros DeveloperSilver Light By Nyros Developer
Silver Light By Nyros Developer
 
Web 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros DeveloperWeb 2.0 Design Standards By Nyros Developer
Web 2.0 Design Standards By Nyros Developer
 
Web 2.0 By Nyros Developer
Web 2.0 By Nyros DeveloperWeb 2.0 By Nyros Developer
Web 2.0 By Nyros Developer
 
Caching By Nyros Developer
Caching By Nyros DeveloperCaching By Nyros Developer
Caching By Nyros Developer
 
Language Integrated Query By Nyros Developer
Language Integrated Query By Nyros DeveloperLanguage Integrated Query By Nyros Developer
Language Integrated Query By Nyros Developer
 
New Features in .Net Framework 4.0 By Nyros Developer
New Features in .Net Framework 4.0 By Nyros DeveloperNew Features in .Net Framework 4.0 By Nyros Developer
New Features in .Net Framework 4.0 By Nyros Developer
 
Oops in PHP By Nyros Developer
Oops in PHP By Nyros DeveloperOops in PHP By Nyros Developer
Oops in PHP By Nyros Developer
 
Github By Nyros Developer
Github By Nyros DeveloperGithub By Nyros Developer
Github By Nyros Developer
 
Research on Audio and Video Streaming
Research on Audio and Video StreamingResearch on Audio and Video Streaming
Research on Audio and Video Streaming
 
User Interface
User InterfaceUser Interface
User Interface
 
Audio and Video Streaming
Audio and Video StreamingAudio and Video Streaming
Audio and Video Streaming
 
Deploying Rails Apps with Capistrano
Deploying Rails Apps with CapistranoDeploying Rails Apps with Capistrano
Deploying Rails Apps with Capistrano
 
Capistrano - Deployment Tool
Capistrano - Deployment ToolCapistrano - Deployment Tool
Capistrano - Deployment Tool
 
Social Networking
Social NetworkingSocial Networking
Social Networking
 
Payment Gateway
Payment GatewayPayment Gateway
Payment Gateway
 
Aws
AwsAws
Aws
 
GIT By Sivakrishna
GIT By SivakrishnaGIT By Sivakrishna
GIT By Sivakrishna
 

Connect with Facebook to Rails Application By Nyros Developer

  • 1. WELCOME TO RUBY ON RAILS DEVELOPERS
  • 2. An introduction to Facebook Connect Nyros Facebook Developer Garage, May 29 th 2010
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Use in real time Scribd is a document-sharing website
  • 8.  
  • 9. Use in real time
  • 10. Use in real time
  • 11. News feed in our FB friends wall
  • 12.
  • 13.
  • 14.  
  • 15.  
  • 16.  
  • 17. Take a note of the api_key and secret and add these to config/facebooker.yml
  • 18. development: api_key: 23ad2f3a4cf6f235b2249dd0138c2913 secret_key: d3570fc4434b5a4ad9e1fc0f29e991c3 canvas_page_name: callback_url: http://localhost:3000/ pretty_errors: true set_asset_host_to_callback_url: true tunnel: public_host_username: public_host: public_port: 4007 local_port: 3000 add these api and secret keys to config/facebooker.yml
  • 19.
  • 20. Some Connect code: <fb:login-button> </fb:login-button> <script src=&quot;http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php&quot; type=&quot;text/javascript&quot;></script> This loads in the JavaScript library which renders the login button
  • 21.
  • 22.
  • 23. Enter here out facebook login details
  • 24. A Facebook styled dialogue box lets the user know what’s going on
  • 25.  
  • 26.
  • 27.
  • 28.
  • 29. Facebook Connect – Disadvantages There are disadvantages to Facebook Connect…
  • 30.
  • 31.
  • 32. Facebook Connect – The future Thanks Ratnam Raju, [email_address]