Hola amigos.
Esto es tan solo un poco de información introductoria, como para tener una idea general de como se crea una aplicación en facebook.
¿Cómo crear una aplicación en Facebook?
Lo primero que debemos de tener presente es que hace una aplicación facebook.
Realmente una aplicación facebook, a diferencia de una aplicación normal, es que puedes interactuar con facebook atraves de la aplicación por ejemplo: publicar un mensaje en tu muro, invitar a alguién a un juego, subir fotos, comparlas, etc.
Lo que ha hecho de las aplicaciones algo tan efectivo es que permite a través de ellas craar un interrelacionamiento entre los amigos que tienen las personas, a través de juegos. Todo con el fin de que una empresa tenga un reconocimiento de marca, o por que no, también ganar dinero.
Para montar una aplicación en facebook necesitariamos lo siguiente:
1. Tener un servidor propio donde tener montada nuestra aplicación.
Esto significa que las imagenes, programación y páginas deben de estar alojadas en tu servidor. si tu aplicación desea guardar información, deberás contar con un servicio de base de datos en el cual se puedan guardar la información que tu desees de tu aplicación.
2. Crear la aplicación con interacción con facebook.
Realmente, las aplicaciones para facebook, se pueden hacer de tres maneras.
a. Aplicación que descargas al computador y la ejecutas desde el computador, sin ingresar por el navegador.
b. Ingresas a la aplicación a través del dominio de facebook. ej: apps.facebook.com/miaplicacion
c. Tu propia página con código que interactue con facebook.
Como nos damos cuenta en todo lugar podemos colocar interacción con facebook. ya depende de la estrategía digital que se maneje, la opción a escoger.
3. Tener una cuenta en facebook, y configurar tu propia aplicación.
Para montar una aplicación debemos tener un usuario facebook, ingresar al "grupo" Desarrolladores y en el podremos crear nuestras aplicaciones. Estas se deben configurar según la opción escogida de las tres que mencionamos anteriormente.
¿Cómo se interactua con Facebook?
Facebook, así como otras redes sociales han dispuesto de un código especial o también llamado API, el cual permite a los desarrolladores acceder a funciones especiales como consultas, ejecución de comandos y otro tipo de instrucciones relacionados con la red social. Realmente con Facebook, tenemos a disposición toda su funcionalidad para entonces generar ideas y ser atractivas para la gente.
Sean felices! :) Y sientanse libres de opinar ;)
Mostrando entradas con la etiqueta Facebook. Mostrar todas las entradas
Mostrando entradas con la etiqueta Facebook. Mostrar todas las entradas
Verificar permisos de usuario facebook de aplicación [check permission user]
Hola a todos.
Esto es en gran medida gracias a: psyked84
A veces necesitamos verificar o validar que permisos tiene nuestros usuarios facebook sobre nuestra aplicación.
Busque información en el API de Facebook para AS3 y encontré la propiedad availablePermissions de la clase FacebookSession. Sin embargo, cuando obtenía este dato, me salía null. Supongo yo que ese resultado null salía por hacer el login de facebook no con el API de AS3 sino con el SDK JS de Facebook.
Por esta razón la unica forma que encontré la solución en internet fue por medio de FQL (Consultas SQL sobre las tablas de facebook). Con esto ya me funcionó.
Quizás a ustedes les sirva este código que organicé para que validen en el momento que ustedes deseen de la aplicación los permisos del usuario.
A continuación coloco los pasos a seguir (Funciona 100%, si deseen opinen al respecto).
PASO CERO
Agregar el siguiente código para hacer pruebas sobre tu flash, agregando dinámicamente un textfield, y en este se imprimiran las pruebas.
//este textfield para pruebas
var tf:TextField = new TextField();
tf.autoSize = TextFieldAutoSize.LEFT;
tf.border = true;
tf.textColor = 0xFF0000;
addChild(tf);
tf.appendText('haber');
PASO PRIMERO.
Colocar al principio de nuestro código del FLA:
var arrayPermisos:Array = new Array(); //Aqui se guardaran los permisos que obtienen de facebook
var arrayValidarPermisos:Array = new Array(); //Aqui se guardara por cada item la validacion que quieremos realizar
arrayValidarPermisos.push({permiso:'publish_stream', estado:'1'}) //el primer elemento del array: es el nombre del permiso, y el segundo: el estado
arrayValidarPermisos.push({permiso:'offline_access', estado:'1'})
arrayValidarPermisos.push({permiso:'user_location', estado:'1'})
arrayValidarPermisos.push({permiso:'user_photos', estado:'1'})
Como vemos cada item del array arrayValidarPermisos es una validación, podemos colocar desde 1 item hasta las validaciones que queramos. En este caso estamos agregando 3 validaciones sobre 3 permisos(logicamente 3), y estamos validando que estos permisos tengan estado 1, es decir, aprobado por el usuario. Si deseamos validar que el usuario no tenga algún permiso, le colocamos 0.
Es importante tener presente que los nombres de los permisos deben ser identicos a como estan definidos en facebook en la pagina de permisos de facebook.
PASO SEGUNDO
Seguido del codigo anterior agregaremos:
var textFQLPermisos:String = ""
for(var k = 0; k < arrayValidarPermisos.length; k++){
textFQLPermisos += arrayValidarPermisos[k].permiso + ",";
}
textFQLPermisos = textFQLPermisos.substr(0, textFQLPermisos.length - 1);
Como observamos el código anterior crea un string con los items separados por comas, este será utilizado para realizar la consulta FQL de Facebook.
PASO TERCERO
Colocar donde especifiquemos en nuestra aplicación el siguiente código para hacer la validación:
Facebook.fqlQuery( "SELECT " + textFQLPermisos + " FROM permissions WHERE uid = me()", onFQLResponsePermisos );
Si vemos, estamos agregando a la consulta la variable string con los permisos a validar.
PASO CUARTO
Agregar el siguiente código, si ustedes quieren, al final del todo el código que tengan. La mayoría de programadores colocan las funciones que obtienen las respuestas POST antes de realizar los llamados. Pero sugiero solo para este caso, colocarlo al final (porque es una prueba, si quieren despues lo pueden cambiar donde consideren mejor :P).
function onFQLResponsePermisos( success:Object, failure:Object ):void {
if ( success ) {
//
arrayPermisos = new Array();
tf.appendText( 'successs ');
for ( var i:String in success[ 0 ]) {
tf.appendText( i + "==" + success[ 0 ][ i ]);
arrayPermisos.push({permiso:i, estado:success[ 0 ][ i ]});
}
} else {
tf.appendText( "FQL query failed." );
}
if(validarPermisos(arrayValidarPermisos, arrayPermisos)){
tf.appendText('OKFINALVALIDACION');
}
else{
tf.appendText('FALTOPERMISOSFINAL');
}
}
function validarPermisos(arrayValidarPermisos, arrayPermisos) {
for (var j=0; j < arrayValidarPermisos.length; j++){
for (var i=0; i<arrayPermisos.length; i++) {
if (arrayPermisos[i].permiso == arrayValidarPermisos[j].permiso) {
tf.appendText("val: " + arrayPermisos[i].estado + " val2:" + arrayValidarPermisos[j].estado + "\n");
if(arrayPermisos[i].estado != arrayValidarPermisos[j].estado){
tf.appendText(arrayPermisos[i].permiso + " valaqui: " + arrayPermisos[i].estado + "::val2aqui:" + arrayValidarPermisos[j].estado + ":\n");
return false;
}
}
}
}
return true;
}
Lo anterior contiene dos funciones, la primera: consiste en la obtención de respuesta de facebook cuando se realiza el FQL.
La segunda función tiene que ver con la validación de los permisos. Si observamos, todas las validaciones se tienen que cumplir a plenitud para que de una respuesta positiva. Si alguna validacion no se cumple la validación da como resultado, falso.
NOTA: El código AS3 es el que esta en negrita.
Espero que esto les sirva.
Sean felices! :) Y opinen! ;)
Esto es en gran medida gracias a: psyked84
A veces necesitamos verificar o validar que permisos tiene nuestros usuarios facebook sobre nuestra aplicación.
Busque información en el API de Facebook para AS3 y encontré la propiedad availablePermissions de la clase FacebookSession. Sin embargo, cuando obtenía este dato, me salía null. Supongo yo que ese resultado null salía por hacer el login de facebook no con el API de AS3 sino con el SDK JS de Facebook.
Por esta razón la unica forma que encontré la solución en internet fue por medio de FQL (Consultas SQL sobre las tablas de facebook). Con esto ya me funcionó.
Quizás a ustedes les sirva este código que organicé para que validen en el momento que ustedes deseen de la aplicación los permisos del usuario.
A continuación coloco los pasos a seguir (Funciona 100%, si deseen opinen al respecto).
PASO CERO
Agregar el siguiente código para hacer pruebas sobre tu flash, agregando dinámicamente un textfield, y en este se imprimiran las pruebas.
//este textfield para pruebas
var tf:TextField = new TextField();
tf.autoSize = TextFieldAutoSize.LEFT;
tf.border = true;
tf.textColor = 0xFF0000;
addChild(tf);
tf.appendText('haber');
PASO PRIMERO.
Colocar al principio de nuestro código del FLA:
var arrayPermisos:Array = new Array(); //Aqui se guardaran los permisos que obtienen de facebook
var arrayValidarPermisos:Array = new Array(); //Aqui se guardara por cada item la validacion que quieremos realizar
arrayValidarPermisos.push({permiso:'publish_stream', estado:'1'}) //el primer elemento del array: es el nombre del permiso, y el segundo: el estado
arrayValidarPermisos.push({permiso:'offline_access', estado:'1'})
arrayValidarPermisos.push({permiso:'user_location', estado:'1'})
arrayValidarPermisos.push({permiso:'user_photos', estado:'1'})
Como vemos cada item del array arrayValidarPermisos es una validación, podemos colocar desde 1 item hasta las validaciones que queramos. En este caso estamos agregando 3 validaciones sobre 3 permisos(logicamente 3), y estamos validando que estos permisos tengan estado 1, es decir, aprobado por el usuario. Si deseamos validar que el usuario no tenga algún permiso, le colocamos 0.
Es importante tener presente que los nombres de los permisos deben ser identicos a como estan definidos en facebook en la pagina de permisos de facebook.
PASO SEGUNDO
Seguido del codigo anterior agregaremos:
var textFQLPermisos:String = ""
for(var k = 0; k < arrayValidarPermisos.length; k++){
textFQLPermisos += arrayValidarPermisos[k].permiso + ",";
}
textFQLPermisos = textFQLPermisos.substr(0, textFQLPermisos.length - 1);
Como observamos el código anterior crea un string con los items separados por comas, este será utilizado para realizar la consulta FQL de Facebook.
PASO TERCERO
Colocar donde especifiquemos en nuestra aplicación el siguiente código para hacer la validación:
Facebook.fqlQuery( "SELECT " + textFQLPermisos + " FROM permissions WHERE uid = me()", onFQLResponsePermisos );
Si vemos, estamos agregando a la consulta la variable string con los permisos a validar.
PASO CUARTO
Agregar el siguiente código, si ustedes quieren, al final del todo el código que tengan. La mayoría de programadores colocan las funciones que obtienen las respuestas POST antes de realizar los llamados. Pero sugiero solo para este caso, colocarlo al final (porque es una prueba, si quieren despues lo pueden cambiar donde consideren mejor :P).
function onFQLResponsePermisos( success:Object, failure:Object ):void {
if ( success ) {
//
arrayPermisos = new Array();
tf.appendText( 'successs ');
for ( var i:String in success[ 0 ]) {
tf.appendText( i + "==" + success[ 0 ][ i ]);
arrayPermisos.push({permiso:i, estado:success[ 0 ][ i ]});
}
} else {
tf.appendText( "FQL query failed." );
}
if(validarPermisos(arrayValidarPermisos, arrayPermisos)){
tf.appendText('OKFINALVALIDACION');
}
else{
tf.appendText('FALTOPERMISOSFINAL');
}
}
function validarPermisos(arrayValidarPermisos, arrayPermisos) {
for (var j=0; j < arrayValidarPermisos.length; j++){
for (var i=0; i<arrayPermisos.length; i++) {
if (arrayPermisos[i].permiso == arrayValidarPermisos[j].permiso) {
tf.appendText("val: " + arrayPermisos[i].estado + " val2:" + arrayValidarPermisos[j].estado + "\n");
if(arrayPermisos[i].estado != arrayValidarPermisos[j].estado){
tf.appendText(arrayPermisos[i].permiso + " valaqui: " + arrayPermisos[i].estado + "::val2aqui:" + arrayValidarPermisos[j].estado + ":\n");
return false;
}
}
}
}
return true;
}
Lo anterior contiene dos funciones, la primera: consiste en la obtención de respuesta de facebook cuando se realiza el FQL.
La segunda función tiene que ver con la validación de los permisos. Si observamos, todas las validaciones se tienen que cumplir a plenitud para que de una respuesta positiva. Si alguna validacion no se cumple la validación da como resultado, falso.
NOTA: El código AS3 es el que esta en negrita.
Espero que esto les sirva.
Sean felices! :) Y opinen! ;)
Tagear fotos con Facebook.api en AS3
Hola compañeritos.
Este es un problema similar a publicar actions al publicar en mi muro con AS3.
A continuación coloco algo que me hizo doler un poco la cabeza, pues casi que no logro encontrar la manera de tagear una foto con el API de ActionScript para Facebook.
Aquí esta el código:
var values:Object;
var todosLosTags:String = "[{tag_uid:\"iduserfacebook\",x:10,y:10},{tag_uid:\"iduserfacebook2\",x:20,y:20}]"
values = {message:'Este es el mensaje', fileName:'FILE_NAME', image:bitmapData, tags:todosLosTags,link:"http://www.google.com/", name:"Its name", caption:"Its caption", description:"Its description"};
Facebook.api('idAlbum/photos', submitFotoHandler, values, 'POST');
Como vemos la clave es un string que iniciamos y cerramos por un corchete cuadrado ([]) y cada tag lo definimos con el otro corchete ({}). Si deseamos agregar otro tag, le agregamos una coma (,).
No olvidar de tener cuidado con no colocar muchos tags, o si no facebook no eliminará nuestra aplicación de una y sin avisarnos.... :( Por aquello del spam.
Sean felices! :)
Este es un problema similar a publicar actions al publicar en mi muro con AS3.
A continuación coloco algo que me hizo doler un poco la cabeza, pues casi que no logro encontrar la manera de tagear una foto con el API de ActionScript para Facebook.
Aquí esta el código:
var values:Object;
var todosLosTags:String = "[{tag_uid:\"iduserfacebook\",x:10,y:10},{tag_uid:\"iduserfacebook2\",x:20,y:20}]"
values = {message:'Este es el mensaje', fileName:'FILE_NAME', image:bitmapData, tags:todosLosTags,link:"http://www.google.com/", name:"Its name", caption:"Its caption", description:"Its description"};
Facebook.api('idAlbum/photos', submitFotoHandler, values, 'POST');
Como vemos la clave es un string que iniciamos y cerramos por un corchete cuadrado ([]) y cada tag lo definimos con el otro corchete ({}). Si deseamos agregar otro tag, le agregamos una coma (,).
No olvidar de tener cuidado con no colocar muchos tags, o si no facebook no eliminará nuestra aplicación de una y sin avisarnos.... :( Por aquello del spam.
Sean felices! :)
Warning: url is unreachable Comments Facebook
He vuelto después de unas larguitas vacaciones y un trabajo duro.
Volveré a publicar las soluciones a problemas y cosas interesantes de programación. En este caso vuelvo con un tema de facebook al agregar el social pligin de comments a nuestra página.
El error es:
Y la solución en mi caso fue agregar la linea.
<div id="fb-root"></div>
Y colocarlo inmediatamente después de la etiqueta <body>
Por ponerme a modificar algo la programación, no me di cuenta, e ignoré este div importante.
No olvides tambien agregar el js a tu pagina de facebook.
Ojala les sirva.
Sean felices! :)
Volveré a publicar las soluciones a problemas y cosas interesantes de programación. En este caso vuelvo con un tema de facebook al agregar el social pligin de comments a nuestra página.
El error es:
Y la solución en mi caso fue agregar la linea.
<div id="fb-root"></div>
Y colocarlo inmediatamente después de la etiqueta <body>
Por ponerme a modificar algo la programación, no me di cuenta, e ignoré este div importante.
No olvides tambien agregar el js a tu pagina de facebook.
Ojala les sirva.
Sean felices! :)
Tutorial aplicacion facebook as3 parte3 Solitar permisos al iniciar aplicativo
Hola amigos.
La clave es haber preparado todo, incluido: html, js, y incorporar el swc de facebook en el FLA. Si llegas a este blog por primera vez, recomiendo que leas los siguientes post, porque en estos se explica como la introducción al desarrollo facebook en AS3. Estos son: Parte0, Parte1 y Parte2. Esta es la entrega número 3.
Consiste en que cuando un usuario va a ingresar a nuestro aplicativo por primera vez, vamos a solicitar los permisos que queramos de necesitemos para nuestro aplicativo. Existen muchos permisos (leer, escribir, email, etc), para ver cuales ahí, miren este link de facebook.
Es algo así como esto, para que entendamos:
Entonces... el código que debemos colocar en nuestro swf, es el siguiente:
stop();
import com.facebook.graph.Facebook;
//este textfield para pruebas
var tf:TextField = new TextField();
tf.autoSize = TextFieldAutoSize.LEFT;
tf.border = true;
tf.textColor = 0xFF0000;
addChild(tf);
//api de nuestra aplicacion
var apiAPP = "xyzasdfghjkldfghjkdfghjkl"; //esto lo sacas de la pagina propia de developers de facebook, en la opción"mis aplicaciones"
//verificar si esta logeado o no
Facebook.init(apiAPP,loginHandler); //este número largo es el id del aplicativo
function loginHandler(success:Object,fail:Object):void {
if(success){
//crear como el cookie de flash para facebook
Facebook.api("/me",getMeHandler);
}
else {
//si no esta logeado se pasa a logearse
ExternalInterface.call("redirect",apiAPP, "publish_stream, user_photos","http://apps.facebook.com/miaplicativo/");
}
}
function getMeHandler(result:Object,fail:Object):void{
tf.appendText(String(result.first_name));
}
Ojo: lo que tienes que modificar en este código es:
a) apiAPP y
b) http://apps.facebook.com/miaplicativo/ por la ruta de tu aplicativo.
La línea de a continuación es donde solicitamos los permisos que queramos:
ExternalInterface.call("redirect",apiAPP, "publish_stream, user_photos","http://apps.facebook.com/miaplicativo/");
Como nos damos cuenta, para colocar más o menos permisos, los debemos separar por comas:
En el ejemplo anterior se colocó: "publish_stream, user_photos" Pero puedes agregar más si quieres.
¿Como podemos hacer pruebas?
La primera vez no hay problema, pero como puedo probar si agregue nuevos permisos?
Paso No. 1 Eliminar cache de nuestro explorador.
Paso No. 2: Eliminar la aplicación que agregamos de nuestra cuenta.
Paso No. 3: Subir a nuestro servidor el nuevo swf actualizado. (jeje lógico)
Cuando hayas hecho esto, entonces podras volver a ingresar a tu link del aplicativo ejp: http://apps.facebook.com/miaplicativo/
Bueno... espero te sirva.
Sean felices.
Si tienes dudas, has tu comentario y preguntame...
La clave es haber preparado todo, incluido: html, js, y incorporar el swc de facebook en el FLA. Si llegas a este blog por primera vez, recomiendo que leas los siguientes post, porque en estos se explica como la introducción al desarrollo facebook en AS3. Estos son: Parte0, Parte1 y Parte2. Esta es la entrega número 3.
Consiste en que cuando un usuario va a ingresar a nuestro aplicativo por primera vez, vamos a solicitar los permisos que queramos de necesitemos para nuestro aplicativo. Existen muchos permisos (leer, escribir, email, etc), para ver cuales ahí, miren este link de facebook.
Es algo así como esto, para que entendamos:
Entonces... el código que debemos colocar en nuestro swf, es el siguiente:
stop();
import com.facebook.graph.Facebook;
//este textfield para pruebas
var tf:TextField = new TextField();
tf.autoSize = TextFieldAutoSize.LEFT;
tf.border = true;
tf.textColor = 0xFF0000;
addChild(tf);
//api de nuestra aplicacion
var apiAPP = "xyzasdfghjkldfghjkdfghjkl"; //esto lo sacas de la pagina propia de developers de facebook, en la opción"mis aplicaciones"
//verificar si esta logeado o no
Facebook.init(apiAPP,loginHandler); //este número largo es el id del aplicativo
function loginHandler(success:Object,fail:Object):void {
if(success){
//crear como el cookie de flash para facebook
Facebook.api("/me",getMeHandler);
}
else {
//si no esta logeado se pasa a logearse
ExternalInterface.call("redirect",apiAPP, "publish_stream, user_photos","http://apps.facebook.com/miaplicativo/");
}
}
function getMeHandler(result:Object,fail:Object):void{
tf.appendText(String(result.first_name));
}
Ojo: lo que tienes que modificar en este código es:
a) apiAPP y
b) http://apps.facebook.com/miaplicativo/ por la ruta de tu aplicativo.
La línea de a continuación es donde solicitamos los permisos que queramos:
ExternalInterface.call("redirect",apiAPP, "publish_stream, user_photos","http://apps.facebook.com/miaplicativo/");
Como nos damos cuenta, para colocar más o menos permisos, los debemos separar por comas:
En el ejemplo anterior se colocó: "publish_stream, user_photos" Pero puedes agregar más si quieres.
¿Como podemos hacer pruebas?
La primera vez no hay problema, pero como puedo probar si agregue nuevos permisos?
Paso No. 1 Eliminar cache de nuestro explorador.
Paso No. 2: Eliminar la aplicación que agregamos de nuestra cuenta.
Paso No. 3: Subir a nuestro servidor el nuevo swf actualizado. (jeje lógico)
Cuando hayas hecho esto, entonces podras volver a ingresar a tu link del aplicativo ejp: http://apps.facebook.com/miaplicativo/
Bueno... espero te sirva.
Sean felices.
Si tienes dudas, has tu comentario y preguntame...
Error405 Verbose IIS7 in facebook iframe
Hola compañeritos.
Esto gracias a Joseph Jun.
Me toco montar un aplicativo de facebook en un servidor con IIS 7.0 y para que no sacara el error de verbose 405 lo me toco hacer fue:
Agregar una etiqueta handlers en el archivo web.config de la siguiente manera. (en cursiva y subrayado dejo lo que hay que agregar, pero, coloco todo el xml siguiente que corresponde al web.config para que se guien mejor exactamente en donde hay que colocarlo).
<system.webServer>
<validation validateIntegratedModeConfiguration="false"/>
<modules>
<add name="ScriptModule" preCondition="integratedMode" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</modules>
<handlers>
<remove name="WebServiceHandlerFactory-Integrated"/>
<add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add name="HTML" path="*.html" verb="*" modules="IsapiModule" scriptProcessor="C:\windows\system32\inetsrv\asp.dll" resourceType="File" requireAccess="Script" />
</handlers>
</system.webServer>
Espero les sirva.
Sean felices.
Esto gracias a Joseph Jun.
Me toco montar un aplicativo de facebook en un servidor con IIS 7.0 y para que no sacara el error de verbose 405 lo me toco hacer fue:
Agregar una etiqueta handlers en el archivo web.config de la siguiente manera. (en cursiva y subrayado dejo lo que hay que agregar, pero, coloco todo el xml siguiente que corresponde al web.config para que se guien mejor exactamente en donde hay que colocarlo).
<system.webServer>
<validation validateIntegratedModeConfiguration="false"/>
<modules>
<add name="ScriptModule" preCondition="integratedMode" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
</modules>
<handlers>
<remove name="WebServiceHandlerFactory-Integrated"/>
<add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
<add name="HTML" path="*.html" verb="*" modules="IsapiModule" scriptProcessor="C:\windows\system32\inetsrv\asp.dll" resourceType="File" requireAccess="Script" />
</handlers>
</system.webServer>
Espero les sirva.
Sean felices.
Tutorial aplicacion facebook as3 parte2 Antes de programar configurar
Hola amigos.
//editado 08/abr/2011: Que pena si en este no explico el hola Usuario, pero es que es necesario preparar todo html, js, y swc en el flash, así que lean primero este post, y después si podran pasar al siguiente post de este tutorial.
Esto gracias a Adobe y su super manual Claro que esto esta en flex y no en flash.
En la parte No. 1 mencionamos como hacer un hola mundo.
Ahora vamos a realmente preparar todo (javascript y librerias) para realizar la interacción entre facebook y as3.
Gracias a los amigos de google contamos con varios desarrollos que nos ahorraron todo el trabajo.
Así que a continuación coloco el formato general que debe tener un html para el manejo de facebook sobre el flash.
Al respecto solo coloco en cursiva lo que realmente tiene que ver con facebook, lo demás, son conocimientos de swfobject, y pues nada más.
A continuación el código html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<!-- Include support librarys first -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<!-- Include FBJSBridge to allow for SWF to Facebook communication. -->
<script type="text/javascript" src="FBJSBridge.js"></script>
<script type="text/javascript">
function embedPlayer() {
var flashvars = {};
swfobject.embedSWF("index.swf", "flashContent", "720", "596", "10.0", null, null, null, {name:"flashContent"});
}
//Redirect for authorization for application loaded in an iFrame on Facebook.com
function redirect(id,perms,uri) {
var params = window.location.toString().slice(window.location.toString().indexOf('?'));
top.location = 'https://graph.facebook.com/oauth/authorize?client_id='+id+'&scope='+perms+'&redirect_uri='+uri+params;
}
embedPlayer();
</script>
</head>
<body>
<div id="fb-root"></div>
<div id="flashContent">
<h1>Tu necesitas instalar la última versión de flash para ver este contenido.</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
</body>
</html>
Como vemos... las librerias son llamadas desde los servidores de google y facebook excepto FBJSBridge.
Asi que aquí dejo el link de FBJSBridge
Ahora vamos a agregar la librería para el desarrollo facebook en nuestro archivo .fla.
Será algo muy similar a los pasos que desarrolle en el manual de tweenlite effects. Es decir, agregar a la library de flash el swc conrrespondente de facebook. Aquí dejo el link para que sigan los pasos con pantallazos, lo unico diferente es que vamos es a seleccionar otro swc diferente. En este caso, se llama GraphAPI-web-1.5.swc y la última versión se encuentra en google. Así que descarguen la última versión.
Y agregan el swc descargado tal como lo menciona esta guía de tween effects.
Cuando la hallamos agregado, entonces estamos listos y preparados para comenzar a programar con la api de facebook en as3. Felicidades!!!
Y verán las maravillas que se podrán hacer!!!.
Proximamente, mostraremos como hacer el "hola USUARIO"... donde explicaremos toda la lógica de esto del API de facebook.
Espero les sirva..
Sean felices.
//editado 08/abr/2011: Que pena si en este no explico el hola Usuario, pero es que es necesario preparar todo html, js, y swc en el flash, así que lean primero este post, y después si podran pasar al siguiente post de este tutorial.
Esto gracias a Adobe y su super manual Claro que esto esta en flex y no en flash.
En la parte No. 1 mencionamos como hacer un hola mundo.
Ahora vamos a realmente preparar todo (javascript y librerias) para realizar la interacción entre facebook y as3.
Gracias a los amigos de google contamos con varios desarrollos que nos ahorraron todo el trabajo.
Así que a continuación coloco el formato general que debe tener un html para el manejo de facebook sobre el flash.
Al respecto solo coloco en cursiva lo que realmente tiene que ver con facebook, lo demás, son conocimientos de swfobject, y pues nada más.
A continuación el código html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<!-- Include support librarys first -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<!-- Include FBJSBridge to allow for SWF to Facebook communication. -->
<script type="text/javascript" src="FBJSBridge.js"></script>
<script type="text/javascript">
function embedPlayer() {
var flashvars = {};
swfobject.embedSWF("index.swf", "flashContent", "720", "596", "10.0", null, null, null, {name:"flashContent"});
}
//Redirect for authorization for application loaded in an iFrame on Facebook.com
function redirect(id,perms,uri) {
var params = window.location.toString().slice(window.location.toString().indexOf('?'));
top.location = 'https://graph.facebook.com/oauth/authorize?client_id='+id+'&scope='+perms+'&redirect_uri='+uri+params;
}
embedPlayer();
</script>
</head>
<body>
<div id="fb-root"></div>
<div id="flashContent">
<h1>Tu necesitas instalar la última versión de flash para ver este contenido.</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</div>
</body>
</html>
Como vemos... las librerias son llamadas desde los servidores de google y facebook excepto FBJSBridge.
Asi que aquí dejo el link de FBJSBridge
Ahora vamos a agregar la librería para el desarrollo facebook en nuestro archivo .fla.
Será algo muy similar a los pasos que desarrolle en el manual de tweenlite effects. Es decir, agregar a la library de flash el swc conrrespondente de facebook. Aquí dejo el link para que sigan los pasos con pantallazos, lo unico diferente es que vamos es a seleccionar otro swc diferente. En este caso, se llama GraphAPI-web-1.5.swc y la última versión se encuentra en google. Así que descarguen la última versión.
Y agregan el swc descargado tal como lo menciona esta guía de tween effects.
Cuando la hallamos agregado, entonces estamos listos y preparados para comenzar a programar con la api de facebook en as3. Felicidades!!!
Y verán las maravillas que se podrán hacer!!!.
Proximamente, mostraremos como hacer el "hola USUARIO"... donde explicaremos toda la lógica de esto del API de facebook.
Espero les sirva..
Sean felices.
Tutorial aplicacion facebook as3 parte1 Hola mundo
Hola amigos.
Aclaro antes que nada que esto es una manera, pues hay muchas formas de hacerlo.
Para hacer esto necesitamos:
1) Tener usuario y password de facebook.
2) En la casilla buscar colocar developer e ingresar a "Desarrollador" y permitir acceso a información básica.
Si te saca error, lo que tienes que hacer es volver a buscar e ingresar.
3) Clic en "crear nueva aplicacion".
4) Verificar a través de telefono movil o como quieras.
5) Colocar cualquier nombre de aplicacion, aceptar condiciones y clic en boton "Creacion... o aceptar o como diga"
6) Configurar el aplicativo(en este caso aplicativo basado en IFRAME)
Lo que hay que configurar es:
- Sitio Web -> Site url : http://www.midominio.com/miaplicacion/
- Integración con facebook -> Pagina de trabajo: aplicacionprueba
- Integración con facebook -> Canvas URL: http://www.midominio.com/miaplicacion/
- Integración con facebook -> Canvas type: Iframe
7. Subir nuestro swf (que diga hola mundo) siendo impreso a través de una pagina html, puede llamarse index.html.
Para imprimir un flash con swfobject puedes ir al siguiente link: http://graciasinternet.blogspot.com/2011/03/pasar-parametros-con-flashvars-en-as3-y.html
8. Verificar en nuestro browser que el link: http://www.midominio.com/miaplicacion/ abrá el swf correctamente.
9. Ahora si probemos el link pero de facebook: http://apps.facebook.com/aplicacionprueba/
10. Si te carga el swf con ese link haz alcanzado el primer objetivo!!!. Muy bien.
11. Disfrutarlo y seguir con la parte No. 2 de este tutorial (Puedes revisar en palabras clave "TutoFaceAS3" otros tutoriales de facebook como también en la palabra clave Facebook), algo como esto:
Sean felices!
Aclaro antes que nada que esto es una manera, pues hay muchas formas de hacerlo.
Para hacer esto necesitamos:
1) Tener usuario y password de facebook.
2) En la casilla buscar colocar developer e ingresar a "Desarrollador" y permitir acceso a información básica.
Si te saca error, lo que tienes que hacer es volver a buscar e ingresar.
3) Clic en "crear nueva aplicacion".
4) Verificar a través de telefono movil o como quieras.
5) Colocar cualquier nombre de aplicacion, aceptar condiciones y clic en boton "Creacion... o aceptar o como diga"
6) Configurar el aplicativo(en este caso aplicativo basado en IFRAME)
Lo que hay que configurar es:
- Sitio Web -> Site url : http://www.midominio.com/miaplicacion/
- Integración con facebook -> Pagina de trabajo: aplicacionprueba
- Integración con facebook -> Canvas URL: http://www.midominio.com/miaplicacion/
- Integración con facebook -> Canvas type: Iframe
7. Subir nuestro swf (que diga hola mundo) siendo impreso a través de una pagina html, puede llamarse index.html.
Para imprimir un flash con swfobject puedes ir al siguiente link: http://graciasinternet.blogspot.com/2011/03/pasar-parametros-con-flashvars-en-as3-y.html
8. Verificar en nuestro browser que el link: http://www.midominio.com/miaplicacion/ abrá el swf correctamente.
9. Ahora si probemos el link pero de facebook: http://apps.facebook.com/aplicacionprueba/
10. Si te carga el swf con ese link haz alcanzado el primer objetivo!!!. Muy bien.
11. Disfrutarlo y seguir con la parte No. 2 de este tutorial (Puedes revisar en palabras clave "TutoFaceAS3" otros tutoriales de facebook como también en la palabra clave Facebook), algo como esto:
Sean felices!
Tutorial aplicacion facebook as3 parte0 Introducción
Hola amigos.
/**************************************Coloco esto como si fuera comentario porque es pura chachara... JE JE JE JE
Para quienes no me conozcan, resumo lo que dice mi blog: "A aquel que se ha "matado" encontrando la solución. Le doy las gracias mediante este blog. Y lo que aprendí de él, lo comparto con todos."
Bueno, pues este será mi primer tutorial para beginners, principiantes y avanzados (porque no... recordar es vivir).
Comenzaré mi primer tutorial: TutoFaceAS3, ó Tutorial para hacer aplicaciones en facebook en AS3.
Esto se pone interesante. Así que como la gallina... al grano.
Este tutorial estará compuesto de varios post, los cuales pueden ser consecutivos pero otros no. Así que trataré de ser lo más organizado, pero a medida que salgan cosas nuevas, pues recomiendo mirar dentro de la sección "palabras clave" "TutoFaceAS3" a la derecha del blog. :P. O suscribanse a mi blog. Más fácil no?.
***************************************/
Comencemos.
Lo primero que haremos es un "Hola mundo", o configuración inicial de nuestra app.
Haz click aquí para ir al post No. 1 de este tutorial.
Sean felices! :) :)
/**************************************Coloco esto como si fuera comentario porque es pura chachara... JE JE JE JE
Para quienes no me conozcan, resumo lo que dice mi blog: "A aquel que se ha "matado" encontrando la solución. Le doy las gracias mediante este blog. Y lo que aprendí de él, lo comparto con todos."
Bueno, pues este será mi primer tutorial para beginners, principiantes y avanzados (porque no... recordar es vivir).
Comenzaré mi primer tutorial: TutoFaceAS3, ó Tutorial para hacer aplicaciones en facebook en AS3.
Esto se pone interesante. Así que como la gallina... al grano.
Este tutorial estará compuesto de varios post, los cuales pueden ser consecutivos pero otros no. Así que trataré de ser lo más organizado, pero a medida que salgan cosas nuevas, pues recomiendo mirar dentro de la sección "palabras clave" "TutoFaceAS3" a la derecha del blog. :P. O suscribanse a mi blog. Más fácil no?.
***************************************/
Comencemos.
Lo primero que haremos es un "Hola mundo", o configuración inicial de nuestra app.
Haz click aquí para ir al post No. 1 de este tutorial.
Sean felices! :) :)
problem post actions with me/feed facebook api
Hola... esta es la solución en AS3, con el API nuevo que esta publicado en google.
Estoy hablando del problema que sale que dice algo asi como: "actions should be a JSON"
La clave es mandar como una cadena texto la parte de actions.
Facebook.api("/me/feed",submitPostHandlerPost,{message:"este es un mensaje", picture:"http://www.imagen.com.co/icono.jpg",link:"http://mipagina.com/", name:"Nombre de negrita", caption:"caption", actions:"{\"name\": \"nombre acción\", \"link\":\"http://www.otrapagina.com.co\"}"}, "POST");
Entonces como se dan cuenta, la clave es mandarlo como un STRING.
Saludos.
Dar las gracias es siempre agradable. Si tienes dudas, has tu comentario y preguntame...
Estoy hablando del problema que sale que dice algo asi como: "actions should be a JSON"
La clave es mandar como una cadena texto la parte de actions.
Facebook.api("/me/feed",submitPostHandlerPost,{message:"este es un mensaje", picture:"http://www.imagen.com.co/icono.jpg",link:"http://mipagina.com/", name:"Nombre de negrita", caption:"caption", actions:"{\"name\": \"nombre acción\", \"link\":\"http://www.otrapagina.com.co\"}"}, "POST");
Entonces como se dan cuenta, la clave es mandarlo como un STRING.
Saludos.
Dar las gracias es siempre agradable. Si tienes dudas, has tu comentario y preguntame...
Invitar amigos a aplicacion desde IFRAME facebook
Hola.
Esto es gracias a stackoverflow y a su su usuario AnD:
Es posible llamar desde una aplicación IFRAME de facebook un control de facebook FBML para compartir a tus amigos. Esto es bien chevere y practico pues también tiene la propiedad de que los usuarios puedan colocar correos electrónicos.
Otra cosa importante es que el objetivo es que tu aplicación llame esta página con AJAX, preferiblemente desde un menú, ya que cuando vas a llamar esta opción de compartir, se te saldría de tu aplicación. Por ejemplo, puedes utilizar los tabs de jquery para esto. Un tab... colocas tu app, y en el otro tab, compartir a amigos.
Ahora sí el código:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head runat="server">
<title>Cualquira</title>
</head>
<body>
<div id="fb-root"></div>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script>
var uiSize = FB.UIServer.Methods["fbml.dialog"].size;
FB.UIServer.Methods["fbml.dialog"].size = {width:720, height:555};
var dialog = {
method: 'fbml.dialog',
width: 700,
height: 500,
display: 'dialog',
fbml: '<fb:request-form action="http://apps.facebook.com/nombredetuapp" method="post" target="_self" invite="true" type="Contest" content="Come and Join this contest!"> <fb:multi-friend-selector showborder="false" max="35" import_external_friends="false" email_invite="true" cols="5" actiontext="Frase que invita a tus amigos a compartir" bypass="cancel" /></fb:request-form>'
};
FB.ui(dialog,function(response) {
alert(parent);
});
</script>
</body>
</html>
Por cierto... aquí está el link para como hacer tabs en jquery.
Dar las gracias es siempre agradable. Si tienes dudas, has tu comentario y preguntame...
Esto es gracias a stackoverflow y a su su usuario AnD:
Es posible llamar desde una aplicación IFRAME de facebook un control de facebook FBML para compartir a tus amigos. Esto es bien chevere y practico pues también tiene la propiedad de que los usuarios puedan colocar correos electrónicos.
Otra cosa importante es que el objetivo es que tu aplicación llame esta página con AJAX, preferiblemente desde un menú, ya que cuando vas a llamar esta opción de compartir, se te saldría de tu aplicación. Por ejemplo, puedes utilizar los tabs de jquery para esto. Un tab... colocas tu app, y en el otro tab, compartir a amigos.
Ahora sí el código:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head runat="server">
<title>Cualquira</title>
</head>
<body>
<div id="fb-root"></div>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<script>
var uiSize = FB.UIServer.Methods["fbml.dialog"].size;
FB.UIServer.Methods["fbml.dialog"].size = {width:720, height:555};
var dialog = {
method: 'fbml.dialog',
width: 700,
height: 500,
display: 'dialog',
fbml: '<fb:request-form action="http://apps.facebook.com/nombredetuapp" method="post" target="_self" invite="true" type="Contest" content="Come and Join this contest!"> <fb:multi-friend-selector showborder="false" max="35" import_external_friends="false" email_invite="true" cols="5" actiontext="Frase que invita a tus amigos a compartir" bypass="cancel" /></fb:request-form>'
};
FB.ui(dialog,function(response) {
alert(parent);
});
</script>
</body>
</html>
Por cierto... aquí está el link para como hacer tabs en jquery.
Dar las gracias es siempre agradable. Si tienes dudas, has tu comentario y preguntame...
HTTP 405 verb error facebook con IIS
Hola.
El problema es: Cuando cargo mi aplicativo de facebook, me sale el siguiente error.
Especificamente, sale este error cuando la pagina inicial de mi aplicativo es un archivo .htm.
Los pasos para solucionarlo es:
1) Ingresar a IIS.
2) Se supone que tenemos definido la carpeta de nuestro server como un applicativo. Osea con el logo así:
3) Ingresamos a las propiedades del aplicativo.
4. Clic en Configuration.
5. Clic en Add
6. Colocar tal como esta aquí.
7. OK, OK, OK, etc. OK.
Eso era todo.
Esto es para IIS 6.0, me imagino que sera similar para versiones posteriores de IIS.
//editado... para IIS 7.0 la solución esta en esta entrada.
Saludos.
Dar las gracias es siempre agradable. Si tienes dudas, has tu comentario y preguntame...
El problema es: Cuando cargo mi aplicativo de facebook, me sale el siguiente error.
Especificamente, sale este error cuando la pagina inicial de mi aplicativo es un archivo .htm.
Los pasos para solucionarlo es:
1) Ingresar a IIS.
2) Se supone que tenemos definido la carpeta de nuestro server como un applicativo. Osea con el logo así:
3) Ingresamos a las propiedades del aplicativo.
4. Clic en Configuration.
5. Clic en Add
6. Colocar tal como esta aquí.
7. OK, OK, OK, etc. OK.
Eso era todo.
Esto es para IIS 6.0, me imagino que sera similar para versiones posteriores de IIS.
//editado... para IIS 7.0 la solución esta en esta entrada.
Saludos.
Dar las gracias es siempre agradable. Si tienes dudas, has tu comentario y preguntame...
function Facebook.init problem en firefox
Bueno... en mi caso, tenia el problema que en firefox no me llamaba el el handler de mi funcion Facebook.init cuando refresh (sin limpiar cache) la pagina desde firefox. En IE me funcionaba.
En pocas palabras entonces el problema era por la forma de imprimir el flash.
La manera apropiada de imprimirlo es:
swfobject.embedSWF("MyApp.swf", "flashContent", "640", "480", "9.0", null, null, null, {name:"flashContent"});
Doy las gracias a sruc... gmail.com a traves de mi blog graciasinternet.blogspot.com.
Saludos.
Dar las gracias es siempre agradable. Si tienes dudas, has tu comentario y preguntame...
En pocas palabras entonces el problema era por la forma de imprimir el flash.
La manera apropiada de imprimirlo es:
swfobject.embedSWF("MyApp.swf", "flashContent", "640", "480", "9.0", null, null, null, {name:"flashContent"});
Doy las gracias a sruc... gmail.com a traves de mi blog graciasinternet.blogspot.com.
Saludos.
Dar las gracias es siempre agradable. Si tienes dudas, has tu comentario y preguntame...
Acceder al OLD REST API Facebook online
Hola.
Quizas algunos necesitemos la referencia online del OLD REST API de Facebook para AS3.
Aquí les dejo el link.
http://facebook-actionscript-api.googlecode.com/
Quizas algunos necesitemos la referencia online del OLD REST API de Facebook para AS3.
Aquí les dejo el link.
http://facebook-actionscript-api.googlecode.com/
Suscribirse a:
Entradas (Atom)