Autenticacin con Facebook

1. Iniciamos Visual Studio 2013 y creamos un nuevo proyecto

2. Vamos a usar el lenguaje C# con la plantilla Web y el tipo de proyecto Aplicacin web de
ASP.NET MVC 4, como nombre de proyecto ponemos MVCFB y una ubicacin donde se
guardar el proyecto, finalmente damos Aceptar

3. En la opcin de seleccionar plantilla de MVC, elegimos la opcin Aplicacin de Internet,

como motor de vista Razor y damos clic en Aceptar.

1
4. Para poder permitir la autenticacin con Facebook, debemos registrar nuestra aplicacin
en su Site, para ello entramos a http://developers.facebook.com/ y nos autenticamos, una
vez ingresado hacemos clic en Apps.

5. Hacemos clic en Crear nueva Aplicacin

6. Se deber agregar un nombre para la aplicacin que sea nico (Facebook validar la
unicidad del nombre, en caso ya exista modificar el nombre). Luego damos clic en
Continuar.

2
 7. Luego llenamos los datos para que nuestro sitio web se autentique con Facebook.

Nota: No olvidar dar clic en Guardar Cambios, En la URL del Sitio ingresar el localhost con el puerto

8. Facebook nos ha generado un App ID y un App Secret para utilizarlo en nuestra aplicacin.

Nota: Copiar los ID y cerrar sesin

3
9. Regresamos a Visual Studio y abrimos el archivo AuthConfig.cs ubicado en la
carpeta App_Start.

10. Quitamos los comentarios a la seccin OAuthWebSecurity.RegisterFacebookClient y

aadimos los IDs generados por Facebook para nuestra aplicacin.

4
11. Debido a que hemos elegido la plantilla Aplicacin de Internet, hay varias pginas que se
han creado por defecto, para probar la autenticacin por Facebook podemos restringir el
acceso a la opcin de men Contacto.

12. Para restringir el acceso abrimos el archivo HomeController.cs ubicado en la carpeta

Controllers y ubicamos el mtodo Contact y lo decoramos con el atributo [Authorize]

5
13. Antes de ejecutar, Facebook, despus de la validacin de autenticacin nos va a brindar
informacin adicional (con el consentimiento del usuario) tal como ID, Nombres, token,
etc. Esta informacin la vamos a guardar en la base de datos MembershipProvider que
viene con Visual Studio. Podemos cambiar la ubicacin del servidor y nombre de la base
de datos de membresa, para ello en el Web.config, en la seccin de connectioString
ubicamos la entrada DefaultConnection, y ponemos nuestro servidor local y como nombre
de base de datos SeguridadMVC, tal como se muestra:

14. Finalmente ejecutamos e intentamos acceder a la opcin Contacto.

6
7
15. Adicionalmente podemos ver que en el servidor SQL se cre la base de datos
SeguridadMVC y se registr el usuario autenticado.