Introducción a Firebase

Transcript

1. Introduccion a Firebase
2. Hola! Cristian Gomez Dev @GetPager. Encuentrame como @iyubinest 2
3. Agenda ▹ Que es Firebase ▹ Productos ▹ Cloud Storage ▹ Ejemplo 3
4. 1. Que es Firebase
5. “ Firebase es una plataforma para el desarrollo de aplicaciones web y aplicaciones móviles desarrollada por James Tamplin y Andrew Lee en 2011 y adquirida por Google en 2014.​ 5
6. Tu experiencia en cada plataforma Firebase permite llevar una experiencia transversal a cada plataforma iOs, Android y la web. 6
7. ▹ Cloud Firestore ▹ ML Kit ▹ Cloud Functions ▹ Authentications ▹ Hosting ▹ Cloud Storage ▹ Realtime DB ▹ Crashlytics ▹ Testlab ▹ etc... Productos 7
8. ▹ Cloud Firestore ▹ ML Kit ▹ Cloud Functions ▹ Authentications ▹ Hosting ▹ Cloud Storage ▹ Realtime DB ▹ Crashlytics ▹ Testlab ▹ etc... EL producto insignia 8
9. Comparación Realtime DB ▹ Json ▹ Offline (Android, iOs) ▹ Consultas básicas ▹ En produccion ▹ Escalamiento fragmentado Cloud firestore ▹ Documentos ▹ Offline (Android, iOs, web) ▹ Consultas avanzadas ▹ En Beta ▹ Escalamiento automático 9
11. Codelab https://codelabs.developers.google.com/codel abs/firestore-android/#0 11
12. Acciones/Data ▹ Agregar ▹ Leer ▹ Borrar ▹ Actualizar ▹ Sincronizar ▹ Colecciones ▹ Documento ▹ Snapshots ▹ Documents ▹ Changes 12
13. 13 Leer/Sincronizar //leer db.document("Some Element").get().addOnCompleteListener { task -> } //sincronizar db.document("Some Element").addSnapshotListener{ snapshot, exception -> }
14. 14 Agregar db.collection("notes") .add(note.asMap()) .addOnCompleteListener { task -> } .addOnFailureListener { exception -> }
15. 15 Eliminar db.document("Some Element") .delete() .addOnCompleteListener { task -> } .addOnFailureListener { exception -> }
16. 16 Actualizar db.document("Some Element") .update(newValues) .addOnCompleteListener { task -> } .addOnFailureListener { exception -> }
17. Ejemplo 17
18. 18 Datos data class Note(val id: String, val content: String) { fun asMap(): Map<String, String> = mapOf( Pair("id", id), Pair("content", content) ) }
19. 19 Adapter class Adapter : RecyclerView.Adapter<Holder>() { private val notes = ArrayList<Note>() override fun onCreateViewHolder(parent: ViewGroup, viewType: Int) = Holder.create(LayoutInflater.from(parent.context.inflate(R.layout.note_item, parent, false)) override fun getItemCount(): Int = notes.size override fun onBindViewHolder(holder: Holder, position: Int) { holder.bind(notes[position]) } fun sync(note: Note) { notes.add(note) notifyItemInserted(notes.size - 1) } }
20. 20 Holder class Holder(itemView: View?) : RecyclerView.ViewHolder(itemView) { companion object { fun create(view: View) = Holder(view) } fun bind(note: Note) { itemView.note_name.text = note.content } }
21. 21 Sincronizar notas class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) ... db.collection("notes") .orderBy("id", Query.Direction.ASCENDING) .addSnapshotListener { snapshot, exception -> snapshot?.run { documentChanges!! } .run { this!! } .filter { it.type == DocumentChange.Type.ADDED } .map { it.document.toNote() } .forEach { adapter.sync(it) } } } }
22. Gracias! Preguntas? encuentrame: @iyubinest cristianfgr@gmail.com 22