Incluir en la API de Bubble News

Guía paso a paso para incrustar noticias y otros mensajes en Bubble a través de la API.

Chris Strobl
Chris Strobl

En este vídeo aprenderás a integrar la API newsapi.org en Bubble para mostrar las nuevas noticias en tu propia aplicación.

Video Tutorial: Incluir en la API de Bubble News

Primero te registras gratuitamente en https://newsapi.org y creas allí una clave API.

A continuación, vamos a Plugins en Bubble y seleccionamos el plugin gratuito News API de Airdev.

Al configurar el plugin, necesitamos la clave de la API por un lado, y el código del país por otro. Aquí se puede tomar como ejemplo a DE. Para todas las preguntas sobre la propia API, la documentación en https://newsapi.org/docs es muy útil.

Para más información sobre la propia API, consulte Fuentes de los puntos finales.

Después, vamos a la pestaña de diseño de Bubble y creamos allí un desplegable para seleccionar la publicación.

En Choices Source vamos a Get Data from an external API y seleccionamos News API - List of Sources. Idioma DE, Categoría General.

A continuación creamos un Grupo de Repetición, que a su vez es Fuente de datos - Obtener datos de unaAPI externa, concretamente esta vez API de Noticias - Artículos de una fuente. Para la Fuente tomamos el ID del desplegable. En el Grupo de Repetición colocamos un elemento Imagen, un Texto y un Enlace, que rellenamos con el contenido. A continuación, vaya a la demostración en vivo y ahora puede mostrar las noticias en su propia Bubble App.

APIsTutoriales