Nueva pregunta

Pregunta:

 
  3  
 
 
Black Soldier Karma: 2600 Perú
 
 Fecha: 31-12-2017 21:42:24 (En Español)

Aporte: Chat Real-Time con Firebase[No resuelta]

Buenas chicos, por aquí les traigo un nuevo aporte, realice un chat realtime sencillo con la base de datos de firebase

REPOSITORIO

DEMO

Es bastante simple de implementar y modificar, el mismo permite:

- Login con Gmail
- Ver mensajes en el Timeline
- Desloguearse
- Escribir mensajes con su avatar social

Mediante este pequeño aporte podrán aprender a utilizar firebase de google el cual aporta herramientas interesante a nuestros desarrollos tanto web como móviles.

Mientras investigan mas, podrán ver que pueden adaptar este chat a sus web e integrar funcionalidades adicionales, tales como:

- Chat 1 a 1 entre usuarios
- Chat general
- Creación de Canales de Chat


Entre otras, el limite es su imaginación, el mismo podría usarse como parte de un chat interno entre empleados, chat de soporte interno o hacia los clientes, chat de soporte a los clientes en una pagina de ventas, o implementar un chat mediante phonegap o ionic para implementarlo en android.

Cualquier duda por favor hacerla saber a través del repo o por esta vía, Saludos. Etiquetas: Aporte - HTML5 - Javascript Votos: 3 - Respuestas: 9 - Vistas: 19 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      0  
     
     
    Walter Sánchez Karma: 6600 Argentina
     
    Fecha: 02-01-2018 12:15:43 Muchas gracias por el aporte! +1
    ¿SI no es mucha molestia podrías incluir algun codigo simple a modo de ejemplo de cómo se implementa con algún breve informacion?
    Ya que hay integrantes que aún no son habidos en programación y tal vez estarian interesados en utilizarlo, asi mismo estimularia en aprender más.

    Muchas gracias Carlos por tus aportes valiosos a la comunidad

    Saludos       Votos: 0 - Link respuesta
     
  •  
      1  
     
     
    Black Soldier Karma: 2600 Perú
     
    Fecha: 02-01-2018 13:02:27 ok el chat de la demo es una muestra, así como el código del repositorio donde se muestra una breve explicación de como configurar dicha demo.

    Por el contrario, se puede adaptar a cualquier plantilla de chat teniendo algo de conocimientos de js o jquery, pero no es la gran cosa.

    El codigo que se encuentra en el index.js, puede adaptarse a cualquier proyecto para dar vida a su chat, como explique de manera interna o externa, lo primero es ir a firebase y registrase con su cuenta de gmail.

    Una vez alli crean su proyecto de app en el cual solo les pedira el nombre del proyecto y el pais de origen.



    Luego nos encontramos con esta ventana



    Donde:

    1.- Configuran los metodos de autenticacion de su aplicación firebase
    2.- Pueden ver sus bases de datos, Configurar reglas de acceso y ver cuotas de uso
    3.- Storage Pueden almacenar archivos entre otras cosas
    4.- Pueden ver los codigos y claves asignadas a su, esta ultima las vemos en la siguiente captura:



    ya con eso podemos realizar la configuracion de firebase en nuestras apps web o moviles html como phonegap o ionic por ejemplo.

    el resto del codigo lo pueden ver en el archivo index.js del repositorio el cual esta comentado en cada una de las lineas y funciones a utilizar para que tengan una idea mejor de su implementacion.

    Saludos       Votos: 1 - Link respuesta
     
  •  
      0  
     
     
    Pedro Cardenas Karma: 52 Perú
     
    Fecha: 05-01-2018 06:01:17 Gracias por el aporte Carlitos.
    Lo probare y haré el comentario respectivo
    Pedro       Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Jairo Ovalle Karma: 3 Colombia
     
    Fecha: 05-01-2018 15:32:25 Ustedes entregan el código o como es el asunto con la instalación del chat?   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Black Soldier Karma: 2600 Perú
     
    Fecha: 05-01-2018 16:03:03 Es un repositorio gratuito amigo, donde puede para aprender a utilizar firebase para un chat e incluso modificarlo e implementarlo en su propia web o app.   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Antuan Kavalkanty Karma: 2008 Argentina
     
    Fecha: 06-01-2018 02:22:44 Buen aporte Carlos, gracias   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Jairo Ovalle Karma: 3 Colombia
     
    Fecha: 06-01-2018 02:52:00 Quedo pendiente, gracias por su aporte   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Walter Sánchez Karma: 6600 Argentina
     
    Fecha: 06-01-2018 06:12:58 Muchas gracias Carlos por el ejemplo que has publicado !   Votos: 0 - Link respuesta
     
  •  
      0  
     
     
    Osk Ka Karma: 2 Colombia
     
    Fecha: 03-05-2020 12:11:32 Amigos quien lo pudo ejecutar: osmellca@gmail.com   Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com