Firebase

 Firebase

Firebase CodeLab for Google Developers Summit Mexico City 25 julio 2015.

9f523401a845a29c93ff73cde4c3db2b?s=128

Erik Jhordan Rey

July 25, 2015
Tweet

Transcript

  1. Firebase https://www.firebase.com/ Antonio Guzmán Erik González

  2. ¿datos, colaboración, sincronización en tiempo real, simple y apps?

  3. Sí se puede, pero resulta sumamente laborioso.

  4. Firebase es tu opción

  5. NoSQL JSON, Offline, Escalamiento automático, RESTful APIs

  6. None
  7. Firebase Web Chat https://www.firebase.com/tutorial/#example/chat https://github.com/tonioguzman/chat-simple

  8. None
  9. Firebase Web Chat con Twitter https://github.com/jwngr/gdg-summit https://github.com/tonioguzman/chat-twitter

  10. ¿Querías poder? Firebase te la da ;-)

  11. Ya me urge saber más de Firebase, ¿dónde me documento?

    https://www.firebase.com/docs/
  12. Firebase https://www.firebase.com/docs/android/ + Android

  13. Firebase Chat https://github.com/firebase/AndroidChat

  14. Crea una Firebase App En tu cuenta -> https://www.firebase.com/account/#/

  15. #Android Developers Crea un nueva firebase app debes asignar un

    “APP NAME” y una “APP URL” Presiona para terminar de crear la app
  16. #Android Developers Crea un nuevo nodo hijo

  17. Crea un proyecto en Android Studio #Android Developers #codelab android

    Firebase chat
  18. Asigna nombre a tu aplicación android #Android Developers #codelab android

    Firebase chat
  19. Elige el mínimo SDK #Android Developers #codelab android Firebase chat

  20. Elige una plantilla #Android Developers #codelab android Firebase chat

  21. Pulsa finish y deja los nombres por defecto #Android Developers

    #codelab android Firebase chat
  22. Ya tienes tu proyecto creado #Android Developers #codelab android Firebase

    chat
  23. Integrando SDK Firebase + Android Para utilizar Firebase en tu

    aplicación Android necesitamos obtener el sdk de firebase, el cual se puede agregar a nuestro proyecto android por medio de la dependencia Gradle, Maven o descargando la última versión del SDK.
  24. En el archivo build.gradle agrega la siguiente dependencia ...

  25. Si tienes problemas al compilar acerca de archivos duplicados agrega

    en build.gradle
  26. Si deseas agregarlo desde Maven dirígete al archivo pom.xml Para

    utilizar Firebase en tu aplicación Android necesitamos obtener el sdk de firebase
  27. El archivo build.gradle debe lucir así #Android Developers

  28. Por último agrega el permiso de acceso a Internet en

    tu AndroidManifest.xml #Android Developers
  29. Conexion Android + Firebase

  30. #Android Developers La librería de Firebase debe ser inicializada con

    el contexto de android. Activity -> Fragment ->
  31. #Android Developers Necesitas crear una referencia a tu base de

    datos y lo hacemos pasando nuestra URL de nuestra firebase app por el constructor. Leer y escribir datos en firebase mFirebaseReference referencia a nuestra base de datos Firebase
  32. Prueba de Conexión Android + Firebase

  33. #Android Developers Abre el fragment_main.xml elimina el TextView

  34. #Android Developers Agrega un EditText y un Button en fragment_main.xml

  35. #Android Developers Escribiendo en firebase

  36. #Android Developers Leer desde firebase

  37. Continuando Firebase Chat

  38. #Android Developers Crea un archivo de nombre Chat.java

  39. #Android Developers Crea un archivo de nombre chat_message_sent.xml

  40. #Android Developers Crea un archivo de nombre chat_message_received.xml

  41. #Android Developers Crea un Adapter que herede de RecyclerView.Adapter para

    nuestra lista customizada de mensajes enviados y recibidos. https://gist.github.com/erikcaffrey/79490cc3874a3c0ac99e Descarga el Adapter aquí un gist!
  42. #Android Developers Elimina el EditText y un Button en fragment_main.xml

  43. #Android Developers Crea una vista de chat en fragment_main.xml Agregaremos

    un EditText, RecyclerView y un FloatingActionButton
  44. #Android Developers Generando elementos del chat • Inicializamos el método

    onCreate de nuestro fragmento ◦ List<Chat> lista de objetos Chat que contiene un mensaje y autor ◦ id_device id del dispositivo que será usado como author ◦ chatAdapter el adaptador de nuestra lista customizada
  45. #Android Developers Obtener la lista de mensajes desde Firebase

  46. #Android Developers Firebase Chat terminado!

  47. Descarga el proyecto completo Firebase Chat https://github.com/erikcaffrey/Firebase-chat

  48. #Android Developers Firebase Chat + Twitter

  49. Descarga el proyecto completo Firebase Chat + Twitter https://github.com/erikcaffrey/DesignLibraryFirebase

  50. tryfirebase3