Debido a la demanda de tutoriales de como hacer conexiones entre flash y servidores he decidido hacer este tutorial, con el fin de aportar un poco a la web con mis conocimientos. En este tip veremos cómo utilizar un servidor muy sencillo y útil "SmartFox server", cómo configurar nuestro documento de flash para que trabaje junto a Smartfox Server y aprenderemos a hacer nuestro propio script para probar la conexión entre el servidor y flash, privada o públicamente.
Como descargar y utilizar nuestro Servidor
Descargaremos el servidor SmartFox Server. Existen otros servidores para hacer conexiones entre flash y servidores pero específicamente yo recomiendo este para el tutorial. Este es el Smart Fox Server 1.6.2 version PRO, la ultima de todas. Lo descomprimimos e instalamos. Una vez instalado, se creara la carpeta:
C:\Archivos de programa\SmartFoxServerPRO_1.6.2\ O la ruta indicada durante la instalación.
Configurando nuestro documento de flash
Abrimos flash y creamos un nuevo documento en flash de ActionScript 2.0. No importan las dimensiones yo las dejo en 'default' que si no me equivoco, son de 550x400 pixeles. Ahora, vamos a configurar el documento para que este trabaje junto a nuestro servidor.
Pulsamos el botón settings o Configuración, se nos tiene que abrir una ventana como esta:
Luego, Pulsamos en el botón settings o configuración y se nos abre otra ventana:
Después, pulsamos el botón 'target' indicado en la imagen a través de una flecha, que es donde seleccionaremos el API de Smart Fox Server para poder trabajar con Smart Fox Server en flash, así que pulsamos y navegamos hasta la carpeta de Smartfoxserver, nos metemos en Flash API y seleccionamos ActionScript 2.0:
Y por ultimo, clickamos en OK y ya esta. Ya podemos trabajar con flash y Smart Fox Server.
Creando un pequeño script para probar la conexión entre nuestro servidor y flash
Vamos a crear nuestro primer script. Servirá para decir si estamos conectados a smartfoxserver.
Antes de nada, abrimos el servidor en Inicio -> Todos los programas -> SmartFoxServer_1.6.2 -> Start SmartFoxServer. En el mismo documento anterior, vamos a crear un texto dinámico que se llame estatus, de tal forma que queden así las propiedades:
Ahora nos vamos a acciones del fotograma, y empezamos a programar el ActionScript. Vamos a llamar Smart Fox Server, a los datos que recibiremos del servidor a documento de flash.
Código :
import it.gotoandplay.smartfoxserver.*
Fácil eh!? Ahora que hemos llamado a Smartfoxserver, debemos saber que cada ves que lo necesitemos, debemos llamarlo así:
Código :
smartfox.EVENTO
Vale, sigamos. Ahora, toca crear las variables del servidor tales como IP, PUERTO y ZONA, la zona es la parte del servidor configurada para utilizar el script. Como para una conexión a Smart Fox Server no se necesita una zona configurada especifica, usaremos la primera que viene por defecto: simpleChat. Vamos a ello desde arriba:
Código :
import it.gotoandplay.smartfoxserver.* // Variables var ip:String = "127.0.0.1" var port:Number = 9339 var zone:String = "simpleChat"
La variable IP sera la IP del servidor, por defecto la cual seria 127.0.0.1 (local) (este podria cambiar dependiendo de tu proveedor de internet, te recomendamos revisarlo antes que todo a traves del CMD), el puerto por defecto de Smar Fox Server el cual seria 9339, y la zona que la definimos nosotros (debe existir en el servidor), que es la simpleChat.
Hasta aqui claro. Ahora tenemos que crear la variable del cliente de Smart Fox Server, es decir para utilizar la sintaxis anterior de smartfox.EVENTO, debemos crear una variable, smartfox:SmartFoxClient, seguida de sus correspondientes eventos principales: onConnecton y debug, que son igual a la funcion de cada uno, mas para delante te daras cuenta, desde arriba:
Código :
import it.gotoandplay.smartfoxserver.* // Variables var ip:String = "127.0.0.1" var port:Number = 9339 var zone:String = "simpleChat" var smartfox:SmartFoxClient = new SmartFoxClient() smartfox.onConnection = handleConnection smartfox.debug = true
Realizamos la conexión con smartfox.connect(ip, port), lo que hay entre paréntesis, son las dos variables ip y port que se han definido arriba.
Empezamos a crear las funciones, empezamos por la función que pide Smart Fox Server al conectarse que hemos definido arriba como onConnection, que es igual a la función handleConnection, desde arriba!
Código :
import it.gotoandplay.smartfoxserver.* // Variables var ip:String = "127.0.0.1" var port:Number = 9339 var zone:String = "simpleChat" var smartfox:SmartFoxClient = new SmartFoxClient() smartfox.onConnection = handleConnection smartfox.debug = true // Conectamos al server smartfox.connect(ip, port) // Lo que sigue de funciones hasta el final! function handleConnection(success) { if (success) { estatus.text = "Conectado Correctamente!" } else { estatus.text = "Imposible Conectar!" } }
Si seguimos todos los pasos correctamente y hay conexión con el servidor en el texto dinámico nos dirá "Conectado Correctamente" y si no hay conexión y/o esta mal configurado nos dirá "Imposible Conectar"
Haciendo nuestra conexión publica
Bien para hacer nuestra conexión publica, vamos a la carpeta:
C:\Archivos de programa\SmartFoxServerPRO_1.6.2 o a la ruta de Smartfoxserver.
Allí, cojemos y entramos a la carpeta Server. Veremos bastantes archivos y carpetas, buscamos el archivo config.xml y lo abrimos con el bloc de notas. Hacemos CNTRL+B y ponemos: <ServerIP> y le damos a buscar. Cuando lo encuentre, mostrara la linea siguiente:
Código :
<ServerIP>127.0.0.1</ServerIP>
Aquí tenemos que poner nuestra ip. Vamos a Inicio -> Ejecutar y ejecutamos CMD. Se nos abrirá la terminal del sistema y escribimos ipconfig. Y nos aparecerá toda la información de nuestro modem y/o router:
Código :
Configuración IP de Windows Adaptador Ethernet Conexiones de red inalámbricas Sufijo de conexión específica DNS : Dirección IP. . . . . . . . . . . : XXX.XXX.X.XX Máscara de subred . . . . . . . . : XXX.XXX.XXX.X Puerta de enlace predeterminada : XXX.XXX.X.X Adaptador Ethernet Conexión de área local : Estado de los medios. . . .: medios desconectados
Tomamos el numero que indica en la Dirección IP, nos vamos al config.xml en el bloc de notas y sustituimos la de 127.0.0.1 por la de nuestra IP, en vuestro caso, vuestra IP. Guardamos el config.xml y cerramos. Abrimos el ejemplo que creamos antes, y vamos a las acciones del fotograma. Ahora abrimos nuestro navegador y en la URL ponemos: http://www.cualesmiip.net allí nos dice algo como:
Tu IP real es: XX.XX.XXX.XXX
Pues esos números son tu IP real que deberás poner en la variable IP de las acciones del script que hemos creado anteriormente. De esta forma todos los que abran tu pagina con ese script y tu tengas el servidor abierto, se podran
conectar.
Saludos!
Tutorial ofrecido por RamFu en www.phperos.net y modificado por Broo para su publicacion en www.cristalab.com
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Por Freddie el 30 de Noviembre de 2009
Como petición para tu próximo aporte, fijate más en las tildes. La más fácil es que todas las palabras que terminan en "ión" tienen tilde en la o.
También evita iniciar tus párrafos y frases con "Bien", "Ahora" o "Entonces". Son redundancias que no aportan nada al texto.
Así es más fácil y rápido editar tus aportes y pasarlos a portada.
Por broo el 30 de Noviembre de 2009
Por Carlos Andres el 02 de Diciembre de 2009
Por Troletron el 04 de Diciembre de 2009
Por broo el 05 de Diciembre de 2009
Por amahez el 09 de Abril de 2010
Por Sub-Zero el 17 de Abril de 2010
"No se pudo cargar la clase o interfaz 'SmartFoxClient'."
Alguien sabe la razón?
Por German el 16 de Mayo de 2011
smartfox.onConnection = handleConnection (zone)
??, buen trabajo!!!
Por Nelson el 25 de Mayo de 2011
Pero a la hora de conectar otra PC al servidor no sale, no se como conectar ambas, me podrías ayudar?
este es mi correo
[email protected]
Saludos!!
Por Inter el 05 de Junio de 2011
var smartfox:SmartFoxClient = SmartFoxClient()
Y la verdad he estado buscando el error, y no se como corregirlo, soy un poco novato, pero me ayudan?
Por ichigokpo el 01 de Julio de 2011
o juegos asi online pero siempre q busque un tutorial no pude encontrarlo si lo icieran se lo agradeceria profundamente
Por Luis Gabriel Vélez el 12 de Septiembre de 2011
gracias a quien me pueda ayudar
Por coco el 23 de Marzo de 2012
gracias
Por flasher95 el 16 de Diciembre de 2012
y ademas al terminar el juego y conectarlo al servidor estará listo para jugar online]?
Por Ristri el 28 de Enero de 2013
Por Ristri el 28 de Enero de 2013
Por Ristri el 28 de Enero de 2013
Respondeme en mi e-mail, porfavor: [email protected]
Por metalbor el 26 de Febrero de 2013
Por dante el 08 de Enero de 2016
me aparece el error que les aparece a todos