Tutorial de Bubble.io (Plan Pro) - Integrar la búsqueda de Algolia

Integración paso a paso del motor de búsqueda Algolia en Bubble.io - Función del Plan Profesional

Chris Strobl
Chris Strobl

En este vídeo aprenderás a integrar el motor de búsqueda profesional Algolia(https://algolia.com/doc) con Bubble native.

Tutoriales de la burbuja alemana - Integrar el motor de búsqueda Algolio

💵 Esta función sólo está disponible en el plan Pro (129 $/mes).

📜 Documentación de Bubble con más información y limitaciones de la integración nativa de Bubble: https://manual.bubble.io/help-guides/working-with-data/using-algolia


Transcripción del vídeo

Hola, mi nombre es Chris Strobl y hoy te mostraré cómo podemos integrar Algolia en tu Bubble App. Ya teníamos el vídeo con la búsqueda difusa del Bubble Input Search, que te he enlazado más arriba. Pero si realmente quieres un motor de búsqueda potente que pueda hacer una personalización muy diferente o que haga una clasificación dinámica y, sobre todo, que también integre diferentes productos de IA y AI a largo plazo, entonces realmente tienes que ir a Algolia.

Y hoy te mostraré cómo podemos integrar todo en Bubble. Empecemos ahora mismo entrando en la configuración. Es importante señalar que esta función no es gratuita. Es decir, la integración nativa de Bubble sólo está disponible en el plan Profesional y Agencia, lo que significa que tienes que pagar 129 dólares al mes. Pero si necesitas un motor de búsqueda Algolia, es decir, una búsqueda realmente potente de tus datos, creo que es un precio muy justo, sobre todo porque integrarlo manualmente supone un esfuerzo importante. Ve al General. Y vemos en Servicios Generales Claves API. Habilitar la búsqueda con Algolia.

Si hace clic aquí, verá que se necesitan tres llaves. Para ello, me conecto a Algolia. Y vaya aquí a Claves API. Algolia es gratuito y tienes 14 días de prueba gratis. Pero cuando se va a escalar, es una plataforma de software como servicio que crece con usted y con su usuario. Copiamos las claves de la API. Son exactamente tres. Y ahora puedes ver que nuestras llaves son aceptadas.

Y a continuación te mostraré en la base de datos lo que ya he creado. Tengo una pestaña aquí llamada Respuestas y Respuestas tiene transcripciones, por así decirlo, y quiero tener estas transcripciones buscadas.

Es decir, voy a la privacidad. Y ahora veo al lado de Respuestas y puedo hacerlo para cada pestaña y Bubble señala explícitamente que no debe indexar los usuarios, por ejemplo, sólo la información privada a través de Algolia. Esto significa que sólo debe utilizar datos que sean realmente públicos, que sean indexables, que se puedan buscar. Sería muy erróneo buscar los números de teléfono de los usuarios a través de Algolia.

Esto significa que uno debe prestar atención a las normas de privacidad aquí y es por eso que Aloglia también está en la lista de Privacidad. Si ahora queremos tener estos datos en Aloglia, entonces tenemos que seleccionar la casilla de verificación aquí para que este tipo de datos Respuestas también sea indexado. Y puedes ver que también es importante en el Permiso que estos puedan ser buscados. Ahora vamos a la reindexación de Trigger Algolia. Refrescar el índice de la prueba. Y empezar a reindexar.

Ya ves, tenemos el éxito. Y también que todo está indexado por Algolia, por así decirlo. Si ahora entramos en Algolia y hacemos clic en Índices. Ya ves cómo tenemos nuestros distintos datos de la base de datos ahora también en Algolia. Es decir, aquí es donde tenemos nuestros datos. Y ahora también se pueden buscar en Algolia. A continuación, ahora establecemos los diferentes parámetros en la pestaña de diseño para buscar eso también. Y aquí es donde la integración es tan valiosa. En lugar de hacerlo todo manualmente a través del conector de la API, lo tenemos listo: indexar toda la cadena de datos, recuperarlos a través de los datos y mostrarlos en la aplicación.

Creamos un Campo de Entrada. Debajo, un Grupo de Repetición. Tipo de contenido. Respuestas. Fuente de datos que ahora hace "Algolia Search for". Verá, junto a "Hacer una búsqueda de" que usamos tradicionalmente, ahora tenemos "Algolia Search for" y podemos seleccionar Respuestas aquí. Ahora podemos hacer Cualquier campo, lo que significa que busca todo o sólo la transcripción y para la consulta hacemos insertar datos dinámicos y tomar el valor de la búsqueda de entrada del campo. A continuación, ponemos corto para encontrar que en el Grupo de Repetición de la célula actual Respuestas' ID de vídeo. Y la transcripción de la respuesta de la célula actual. Voy a truncarlo brevemente a 300 caracteres para que no sea demasiado grande.

Y ahora vamos a la vista previa. Actualmente tenemos todo. Y si ahora entramos en un teclado, vemos que tenemos palabras nuevas y menos palabras. Por ejemplo, si quieres los resultados de la búsqueda, entonces.... Si lo añadimos aquí abajo una vez e introducimos que queremos la lista de respuestas del grupo de repetición y añadimos las respuestas después de eso. Previsualización.

Ahora tenemos 16 respuestas. Damos un golpe de efecto. Entonces tenemos dos respuestas más. Y si vamos más allá, tenemos 0 respuestas y así ves que Algolia lo busca todo. Si quieres ordenar esto ahora, entonces la ordenación del grupo es exactamente a través del algoritmo Algolia. Para ello, se entra en el propio Algolia y se puede especificar aquí, en el panel de control, cómo es exactamente la configuración de la API de búsqueda. ¿Cómo se soluciona esto? ¿Cómo es la clasificación? ¿Cómo es el abastecimiento? Eso es, por supuesto, un tema completamente diferente.

Tendrás que familiarizarte con la documentación de Algolia. Por supuesto, hay grandes tutoriales en el propio Algolia. Donde Bubble puede ayudarte es con esta canalización de datos. Tengo una base de datos que desencadena el índice Algolia a través de las reglas de privacidad y luego puedo aprovechar esto a su vez para obtener muy buenos resultados.

Si te ha gustado este vídeo, haz clic en el botón "Me gusta" y suscríbete a nuestro canal. Esto nos ayuda a conseguir un mayor alcance y hace que merezca la pena seguir ofreciendo más contenidos de forma gratuita. Te deseo que sigas teniendo éxito y que nos veamos pronto.

Plan profesionalCaracterísticas