Firebase

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

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
7. Firebase Web Chat https://www.firebase.com/tutorial/#example/chat https://github.com/tonioguzman/chat-simple
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