1. Instalación Firebase La primera cosa que hay que hacer es instalar Firebase. Para empezar hemos creado una página HTML. Instale el cliente Firebase JavaScript añadiendo la siguiente línea en la sección a continuación:
src = 'https://cdn.firebase.com/js/client/1.0.15/firebase.js' >
Debe de quedar asi:
2. Acceso a los datos Usted necesitará una referencia para acceder a los datos dentro de su Firebase. Referencias firebase son creados usando una URL que especifique los datos que desea acceder. Ya hemos creado un Firebase específicamente para usted en esta dirección: URL: https://m9ikk85by98.firebaseio-demo.com/ Para completar este paso, crear una referencia a la raíz de su Firebase como se muestra a continuación:
var myDataRef = new Firebase('https://m9ikk85by98.firebaseio-demo.com/');
Debe quedar así:
3. Escribir datos Vamos a enviar un mensaje de chat Puede utilizar la referencia Firebase que acaba de crear para escribir datos a base de fuego mediante la función set () .
Para facilitar las cosas, ya hemos añadido cuadros de texto de entrada para el nombre y el mensaje de la charla, así como un controlador de pulsación de tecla que se dispara cada vez que alguien trata de enviar un mensaje. Para este paso, escriba un mensaje a base de fuego mediante función set (), como se muestra: myDataRef.set('User ' + name + ' says ' + text);
Debe quedar así:
4. Objetos de escritura La función set () también se puede utilizar para escribir objetos. Intente cambiar su código para escribir un objeto con texto y nombres de propiedades: Intente cambiar su código para escribir un objeto con texto y nombres de propiedades: myDataRef.set({name: name, text: text});
Parece que queda así:
5. Listas de escritura Firebase soporta listas de datos.
Ya has aprendido a escribir datos, lugares específicamente designados en Firebase, pero su aplicación de chat requerirá una lista de mensajes. Firebase proporciona una función auxiliar llamada push () que permite crear listas fácilmente. Modificar el código de abajo para usar push () en lugar de set () para que su charla puede soportar una lista de mensajes (en lugar de sólo uno): myDataRef.push({name: name, text: text});
Parece que debería quedar así:
6. Lectura de datos Ahora vamos a recibir los mensajes de chat. Tenemos que decirle a Firebase que nos notifique cuando lleguen los mensajes de chat. Hacemos esto mediante la adición de una devolución de llamada a la lista de mensajes de chat utilizando el método on () , como se muestra a continuación: myDataRef.on('child_added', function(snapshot) { //We'll fill this in later. });
Este método toma dos argumentos: el tipo de evento y la función de devolución de llamada. Usaremos el ‘child_added' evento para que se nos notifica de la llegada de los mensajes individuales.
