tutorial, crear aplicacion para facebook
Post on 12-Aug-2015
43 Views
Preview:
TRANSCRIPT
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!
top related