earlybirds/facebook-bundle

Create a Facebook app into your Symfony2 application.

EBFacebookBundle

1. Add the following lines in your composer.json:, _(*1)

   {
       "require": {
           "friendsofsymfony/facebook-bundle": "dev-master",
           "friendsofsymfony/user-bundle": "dev-master",
           "earlybirds/facebook-bundle": "dev-master"
       }
   }
   

2. Run the composer to download the bundle:, _(*2)

   $ php composer.phar update
   

3. Add bundles to your application's kernel:, _(*3)

   // app/ApplicationKernel.php
   public function registerBundles()
   {
       return array(
           // ...
           new FOS\FacebookBundle\FOSFacebookBundle(),
           new FOS\UserBundle\FOSUserBundle(),
           new EB\FacebookBundle\EBFacebookBundle(),
           // ...
       );
   }
   

4. Add the following routes to your application and point them at actual controller actions, _(*4)

   #app/config/routing.yml
   eb_facebook:
       resource: "@EBFacebookBundle/Resources/config/routing.xml"
   

   <!-- app/config/routing.xml -->
   <import resource="@EBFacebookBundle/Resources/config/routing.xml"/>
   

5. Configure the eb_facebook service in your config:, _(*5)

   #app/config/config.yml
   framework:
       translator: ~
   
   eb_facebook:
       app_id: 123456879 #Facebook application ID
       secret: s3cr3t #Facebook application secret
       templates:
           layout:  AcmeDemoBundle::layout.html.twig #Your personnal layout
           home:  AcmeDemoBundle:Demo:home.html.twig #Your personnal home view
           register:  AcmeDemoBundle:Demo:register.html.twig #Your personnal register view
       permissions: [email, user_birthday, user_location] #(Optional) Permissions of the app, if not configured set to default permissions
       fixcookie: https://host_of_facebook_application/fixcookie.php #(Optional) Url to a fix script to debug safari iframe on Facebook
       tab_url: https://www.facebook.com/MYCOMPANY/app_99999999999 #(Optional) Url of your Facebook tab page
       user_class: Acme\DemoBundle\Entity\User #(Optional) Namespace of your own Entity User class, default : EB\FacebookBundle\Entity\User
       form_class: Acme\DemoBundle\Form\UserType #(Optional) Namespace of your own Form User class, default : EB\FacebookBundle\Form\UserType
       translation: AcmeDemoBundle #(Optional) Change the translation domain, default : EBFacebookBundle
       culture: en_EN #(Optional) Facebook language, default : fr_FR
   
   

   If you have configured the fixcookie url, add to the web folder, the following PHP script, _(*6)

   // web/fixcookie.php
   
   

6. Update the base:, _(*7)

   $ php app/console doctrine:schema:update --force
   

7. Install assets:, _(*8)

   $ php app/console assets:install web
   

   In dev you can use the symlink option, _(*9)

   $ php app/console assets:install --symlink
   

8. In prod you can dump assets:, _(*10)

   $ php app/console assetic:dump --env=prod --no-debug
   

9. Add this configuration if you want to use the security component:, _(*11)

   # app/config/security.yml
   security:
       encoders:
           Symfony\Component\Security\Core\User\User: plaintext
           FOS\UserBundle\Model\UserInterface: sha512
   
       role_hierarchy:
           ROLE_USER:       ROLE_FACEBOOK
           ROLE_ADMIN:       ROLE_USER
           ROLE_SUPER_ADMIN: [ROLE_USER, ROLE_ADMIN, ROLE_ALLOWED_TO_SWITCH]
   
       providers:
           fos_userbundle:
               id: fos_user.user_provider.username_email
           facebook:
               id: eb_facebook.provider
   
       firewalls:
           dev:
               pattern:  ^/(_(profiler|wdt)|css|images|js)/
               security: false
   
           main:
               pattern: ^/
               fos_facebook:
                   app_url: "https://www.facebook.com/MYCOMPANY/app_99999999999" #You facebook app url
                   server_url: "https://host_of_facebook_application" #Url of your server url
                   check_path: _security_check
                   provider: facebook
                   default_target_path: eb_facebook_register
               logout:
                   path:   _security_logout
                   invalidate_session: false
               anonymous:    true
   
       access_control:
           - { path: ^/register, role: [ROLE_FACEBOOK] }
           - { path: ^/user_count, role: [ROLE_FACEBOOK] }
           - { path: ^/game, role: [ROLE_FACEBOOK] } #The route of the third page of the app (after home and validation of the form)
   
   

10. Create your layout with your own logic extending the EBFacebook layout, _(*12)

    ```html+jinja {% extends 'EBFacebookBundle::layout.html.twig' %}, <sub>(*13)</sub>

    {% block stylesheets %} {{ parent() }} {% stylesheets 'bundles/acmedemo/css/style.css' filter='cssrewrite' %} {% endstylesheets %} {% endblock %}, <sub>(*14)</sub>

    {% block javascripts %} {{ parent() }} {% javascripts 'bundles/acmedemo/js/ebfacebook.js' %} {% endjavascripts %} {% endblock %}, <sub>(*15)</sub>

    {% block title %}My application faceook title{% endblock title %}, <sub>(*16)</sub>

    {% block footer_content %} Footer content example {% endblock footer_content %} ```, <sub>(*17)</sub>

11. Create your home view with your own logic extending YOUR layout you have just created, <sub>(*18)</sub>

    ```html+jinja {% extends 'AcmeDemoBundle::layout.html.twig' %}, <sub>(*19)</sub>

    {% block body %}, <sub>(*20)</sub>

    My home text

    {{ facebook_custom_login_button() }}

    {% endblock %} ```, <sub>(*21)</sub>

12. Create your register view with your own logic extending the EBFacebook register view, <sub>(*22)</sub>

    ```html+jinja {% extends 'EBFacebookBundle:Facebook:register.html.twig' %}, <sub>(*23)</sub>

    {% block form %}, <sub>(*24)</sub>

    Register to continue

    Fill the fields

    * mandatory fields

    {{ form_errors(form) }}

    {{ form_row(form.lastname) }}

    {{ form_row(form.firstname) }}

    {{ form_row(form.birthday) }}

    {{ form_row(form.email) }}

    {{ form_row(form.address) }}

    {{ form_row(form.zipcode_fr) }}

    {{ form_row(form.city) }}

    {{ form_row(form.phone) }}

    {{ form_row(form.readConditions) }}

    I accept to receive offers

    {{ form_row(form.offersEmail) }}

    {{ form_row(form.offersSms) }}

    {% endblock %} ```, <sub>(*25)</sub>

13. Create your game view with your own logic extending YOUR layout, <sub>(*26)</sub>

    ```html+jinja {% extends 'AcmeDemoBundle::layout.html.twig' %}, <sub>(*27)</sub>

    {% block body %} {% endblock %} ```, <sub>(*28)</sub>

14. Create the action for the game view in your controller, you have to name your route "game", <sub>(*29)</sub>

    // src/Acme/DemoBundle/Controller/DemoController.php
    
    class DemoController extends Controller
    {
        /**
         * @Route("/game", name="game") //You have to name your route "game"
         * @Template()
         */
        public function gameAction()
        {
            /*
                Some code
            */
            return array(
            );
        }
    }