Agregar sección de Facebook en App Studio

A cuántos nos ha sucedido que estamos desarrollando un app y deseamos agregarle una sección de Facebook ya que ésto ayuda a causar mayor impresión , bueno en el artículo de esta ocasión vamos aprender a realizarlo.

Una vez que estamos en App Studio, vamos a dar click en la sección de Facebook.

00En esta nueva versión de App Studio debemos utilizar la API de Facebook para poder vincular nuestras aplicaciones con Facebook, a continuación se nos solicitará la llave de nuestra aplicación por lo que vamos a crearla dando click en “Click here” / “Cick aquí”

01Como podemos ver debemos obtener el App Id y el App Secret, para crearlo damos click en la parte de arriba que dice “Click aquí para crear o dar mantenimiento a su aplicación de Facebook”

02Si ya hemos iniciado sesión en Facebook nos muestra la siguiente pantall, de lo contrario debemos iniciar sesión.

Acá podemos ver nuestras aplicaciones, vamos a dar click donde dice “Crear nueva aplicación”

03Seleccionaremos sitio web.

04En la siguiente ventana debemos especificar el nombre de nuestra aplicación y damos click en “Create new Facebook App ID”

05Después debemos elegir la categoría de nuestra aplicación y damos click en “Create App ID”

06Cuando nuestra aplicación se crea debemos establecer la url del sitio , como estamos utilizando App Studio agregaremos esta dirección http://appstudio.windows.com y damos click en “Siguiente”

0708Una vez hecho lo anterior nos desplazaremos hacia la parte superior y damos click en “Skip Quick Star”

09En esta ventana nos sale el App ID y el App Secret los cuales los vamos a copiar

10 Para copiar el App Secret debemos ingresar nuestra clave

11Nos vamos a dirigir en la sección de App Studio que habíamos quedado y pegar los datos copiados en su lugar correspondiente(App ID en el campo para App ID y App Secret en el campo para App Secret) y damos click en “Save”.

12Cuando se guardan los datos de la API Key nos muestra en nuestro perfil todas las API Key que tenemos.

13En este momento ya hemos configurado nuestra API Key por lo que podemos utilizarla, vamos a volver a la pestaña de App Studio donde nos indicaba que debíamos crear una API Key , daremos click en “Refresh” y seleccionaremos la que acabamos de crear.

14Ahora lo que nos queda es buscar la página de Facebook a la que vincularemos nuestra aplicación, ingresamos el nombre y presionamos click en buscar.

15Cuando termina de buscar nos muestra los resultados que coinciden, vamos a seleccionar la página y damos click en “Select”

16Seguidamente damos click en “Confirm”

17Ahora podemos ver que en nuestra aplicación van a salir las últimas publicaciones que la página ha realizado.

screenshot3Bueno eso ha sido todo por esta ocasión hasta la próxima

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s