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

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!

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 “/”

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).

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

Iniciamos sesión.

Primero escribimos

Heroku login

Si eres nuevo saldra esto:

$ heroku login

Enter your Heroku credentials.

Email: adam@example.com

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

En mi caso quedara asi:

git clone git@heroku.com:evening-mountain-4200.git -o heroku

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

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:

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.

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.

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!