tutorial, crear aplicacion para facebook

12
Hola amigos, esta vez, les enseñare como crear una aplicación para postear en el muro (biografía de Facebook) desde dispositivo personalizado. Cuando comenten en su biografía aparecerá algo así! Bien, primero debemos ir a la direccion de facebook para desarrolladores: Una vez hay nos vamos a la parte superior derecha y damos clic en Aplicaciones

Upload: marvin-navarro

Post on 12-Aug-2015

40 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: Tutorial, Crear Aplicacion Para Facebook

Hola amigos, esta vez, les enseñare como crear una aplicación para postear en el muro (biografía

de Facebook) desde dispositivo personalizado.

Cuando comenten en su biografía aparecerá algo así!

Bien, primero debemos ir a la direccion de facebook para desarrolladores:

Una vez hay nos vamos a la parte superior derecha y damos clic en Aplicaciones

Page 2: Tutorial, Crear Aplicacion Para Facebook

Después damos clic en Crear nueva aplicación:

Despues damos el nombre que queramos que nos muestre…

Ejemplo: aquí

El nombre de la aplicación fue: “Su celular que parece ladrillo”

Nosotros damos el nombre que queramos.

App: Nombre que se mostrara

App Namespace: nombre para la url de la aplicación, en este caso la url será

https://apps.facebook.com/iphonechino

Web Hosting: Este check lo marcamos, para que nos proporcione automáticamente un host para

nuestra aplicación.

Una vez rellenados los campos damos clic en Continuar!

Page 3: Tutorial, Crear Aplicacion Para Facebook

Después introducimos los caracteres que veamos:

A continuación establecemos el correo electrónico

del administrador de la aplicación, además de el lenguaje en que será programada dicha aplicación

(PHP)

Nota: Si es la primera vez que creamos una aplicación nos pedirá que

confirmemos nuestra cuenta y que establezcamos una contraseña!

Clic Cambiamos la imagen y el icono de nuestra aplicación.

Lo dejamos como esta

Ponemos la misma dirección que nos aparece en Hosting del sitio pero sin

“https://” y sin “/”

Page 4: Tutorial, Crear Aplicacion Para Facebook

Guardamos todos los cambios!

Ahora ya tenemos nuestra aplicación, solo falta editarla para que agá lo que

queramos, en este caso comentar en nuestro muro.

Lo que necesitamos es acceder a Heroku.

Primero confirmamos el email que nos mando (en caso de que sea nuestra

primera aplicación.

Después establecemos una contraseña para acceder modificar nuestra

pagina (aplicación).

Page 5: Tutorial, Crear Aplicacion Para Facebook

Ahora descargamos la aplicación. Heroku Toolbelt

If you have... Install with...

Mac OS X Download OS X package

Windows Download Windows .exe installer

Ubuntu Linux apt-get repository

Other Tarball (add contents to your $PATH )

Una vez descargada e instalada ejecutamos la aplicacion:

Clic

Page 6: Tutorial, Crear Aplicacion Para Facebook

Iniciamos sesión.

Primero escribimos

Heroku login

Si eres nuevo saldra esto:

$ heroku login

Enter your Heroku credentials.

Email: [email protected]

Password:

Could not find an existing public key.

Would you like to generate one? [Yn]

Generating new SSH public key.

Uploading ssh public key /Users/adam/.ssh/id_rsa.pub

Y continuamos.

Despues editaremos nuestra aplicacion.

Primero iniciamos sesión en la web de Heruko y copiamos nuestro Git Rep.

Tecleamos:

git clone [git repo] -o heroku

Page 7: Tutorial, Crear Aplicacion Para Facebook

En mi caso quedara asi:

git clone [email protected]:evening-mountain-4200.git -o heroku

Page 8: Tutorial, Crear Aplicacion Para Facebook

En unos segundos nos descargara una copia de la web (aplicación) a nuestra

pc, ahora la ubicaremos y la editaremos.

Esta se guardara donde tengamos ubicada la consola, en mi caso en:

C:\Users\Darkhack07.Darkhack07-NB\[Nombre de nuestra dirección]

En mi caso:

C:\Users\Darkhack07.Darkhack07-NB\evening-mountain-4200\

En esta ubicacion ubicaremos el archive index.php y lo modificamos a

nuestro gusto, ahora enseñare como modificarlo para que pueda publicar en

nuestro muro (biografia).

Ubicamos la línea 250 y 251

Page 9: Tutorial, Crear Aplicacion Para Facebook

Y las remplazamos por:

<div id='fb-root'></div> <script src='http://connect.facebook.net/en_US/all.js'></script> <p><a onclick='postToFeed(); return false;'>Comente atraves de tu Iphone Chino</a></p> <p id='msg'>by <a href="

http://www.hackxcrack.es/">Darkhack07</a></p> <script> FB.init({appId: "xxxxxxxxxxxxxx", status: true, cookie: true}); function postToFeed() { // calling the API ... var obj = { method: 'feed', }; function callback(response) { document.getElementById('msg').innerHTML = "Post ID: " + response['post_id']; } FB.ui(obj, callback); } </script>

Ahora cambiamos el appId: "xxxxxxxxxxxxxx", por el de nuestra aplicación:

Lo encontraremos en el Resumen de nustra aplicación:

Page 10: Tutorial, Crear Aplicacion Para Facebook

Una vez editada nuestra aplicación, solo hace falta guardar nuestro nuevo

index con las modificaciones y subirlo.

Guardamos el archivo.

Ahora con la terminal nos ubicamos sobre la carpeta de nuestra aplicación,

en este caso tecleamos:

CD evening-mountain-4200

Ahora en nuestra terminal ponemos el siguiente comando:

git commit -am "changed greeting"

Aquí nos muestra un resumen de los cambios hechos en nuestra aplicación.

Page 11: Tutorial, Crear Aplicacion Para Facebook

Ahora subimos nuestro nuevo index.

git push heroku

Esto nos indica que todo fue correcto.

Ahora vamos a nuestra pagina de la aplicación:

https://apps.facebook.com/iphonechino/

Damos clic en comenta atreves de su IPhone Chino.

Page 12: Tutorial, Crear Aplicacion Para Facebook

Veremos un cuadro de dialogo como este:

Ahora escribimos algo y le damos clic en compartir!

Y listo, como vemos, tenemos un comentario en nuestro muro atreves de un

IPhone Chino!