Tutorial de Bubble.io - Búsqueda en la base de datos (Bonus: Fuzzy Search, Autocomplete)

En este vídeo, aprenderás a crear una búsqueda en la base de datos 🔍 con Bubble. Hemos ilustrado dos formas de hacerlo:

• búsqueda normal con campo de entrada
• Búsqueda difusa con autocompletado con el plugin gratuito de Zeroqode

Aquí está el enlace al plugin: https://bubble.io/plugin/zq-fuzzy-search--autocomplete-1553006094610x835866904531566600##

Transcripción del vídeo

Hola, mi nombre es Chris Strobl y hoy les mostraré cómo podemos desarrollar una búsqueda en Bubble.
Hay dos opciones para esto. Una es una búsqueda simple con un tiempo de carga un poco más largo y luego una búsqueda rápida con el plug in Fuzzy Search. Ya he preparado los datos. Tenemos una base de datos de usuarios aquí con diferentes usuarios en los que buscaríamos y diferentes campos. Empecemos por crear un campo de entrada. Tomamos el marcador de posición "Buscar" y hacemos todo aquí por defecto con el texto. A continuación creamos un Grupo de Repetición. Tipo de contenido Usuario y como Fuente de Datos Hacer Búsqueda de Usuario. Sin limitaciones. Tenemos cuatro filas y ahora creamos un campo de texto. Y hacer que los usuarios actuales se llamen por su nombre. Copie este campo. Espacio de 20 píxeles. Apellido. Y el lugar de residencia. Y ahora para tener el resultado de la búsqueda, tenemos que ir en Condicionales y decir Si el Valor de la búsqueda de entrada no está vacío, entonces cambiamos la fuente de datos a Hacer una búsqueda de y añadimos a las Restricciones cualquier campo. Entrada Valor de búsqueda.

Ahora vamos a ir a la vista previa para echarle un vistazo a todo. Verás, tenemos toda la base de datos de todo. Ahora introduzca el Ejemplo una vez. Al cabo de poco tiempo obtenemos el resultado. Podemos hacer otro campo, por ejemplo, la ciudad. También lo entendemos. Pero se nota que todo es muy lento y hay que ser perfecto. Es decir, si cometo un error ortográfico, no obtenemos ningún resultado.

Y por eso hay una segunda forma de mejorar la búsqueda. A saber, con la llamada búsqueda difusa. Para ello vas a Plugins y ahí está el plugin gratuito Fuzzy Search and Auto Complete de Zeroqode. También te he proporcionado el enlace a la misma aquí, que puedes encontrar en las notas del programa. Copiamos el campo. Pero ahora cambiamos el contenido, la entrada Buscar Fuzzy. Y también copiamos el grupo de repetición una vez.

Y cambie esto a Búsqueda difusa de grupos repetidos. Mantenemos los textos como para la búsqueda simple. A continuación, añadimos este campo en algún lugar de la pantalla. Para la búsqueda y la autocorrección. No es visible después. Y añade un tipo de datos. Fuente de datos. Haz una búsqueda de usuarios. No necesitamos restricciones aquí. E introduzca el campo de búsqueda. Queremos buscar el nombre, el apellido, el correo electrónico y la ciudad. Marcamos la opción Establecer texto para que coincida desde un cuadro de entrada y ahora necesitamos un ID de cuadro de entrada. Lo primero que tenemos que hacer es ir a Ajustes, Général, Exponer la opción de añadir un atributo ID. Seleccionemos. Y ahora llamamos a este cuadro de búsqueda. Puedes llamarlo como quieras. Y añade el cuadro de búsqueda del atributo ID al campo de entrada también. Para que estos dos puedan ser combinados. Entramos en el Grupo de Repetición, eliminamos las condiciones del grupo anterior y decimos que si el valor de Input Search Fuzzy no está vacío, entonces tomamos Data Source. Y vea aquí que Search& autocorrija las coincidencias de A. Esto significa que no hacemos una búsqueda de, tomamos directamente de este plugin los resultados.

Ahora otro punto es, si vamos a la Búsqueda y Autocorrección, vemos este umbral. Y tenemos diferentes posibilidades para ajustar el algoritmo exactamente aquí. En el 0, es extremadamente preciso y tiene que coincidir exactamente. En 0,3, no se distingue entre mayúsculas y minúsculas. A 0,4, también se ignoran las diéresis y similares, y a 1, no se ignora nada en absoluto. Por lo tanto, recomiendo algo entre 0,4 y 0,6. También tiene otras posibilidades de ajustar esto, por ejemplo, con la ubicación o la distancia para los geodatos. Pero en general, encaja. Si ahora vamos a la Vista Previa, tenemos todos los resultados aquí por el momento y podemos ver lo rápido que es esta búsqueda difusa.

En 0,4 vemos que, por ejemplo, si introducimos Eichstaett con ae, seguimos obteniendo el resultado, o si introducimos la ciudad Gartz Oder, seguimos obteniendo el resultado sin los paréntesis. Así que puedes ver cómo tenemos diferentes posibilidades para crear una búsqueda en Bubble. Para los más avanzados, también existe la posibilidad de crear una búsqueda aquí con las API de Algolia. Creo que definitivamente has visto que es posible buscar en la base de datos en Bubble. Te deseo que sigas teniendo éxito y que nos veamos pronto.