Streaming live at 10am (PST)

Use of external API and db's


#1

Hi folks.

Im a software developer used to write Windows, Webapp and Web services.
I have been using Webflow for almost 2 years now, and love it. All the time i have been missing an interface to connect to external API’s. I have now spent 2 days doing some research on the topic.

I have actualy found a quite good way of solving the problem. In my test environment i have connected my Webflow site to both external open API’s and some of my own API’s i have built over some years. The Web Services are connected to different db’s.

I have been using Vue.js and Axios http client. It works pretty good. I have not tested all yet, but some things and IT WORKS! There are some issues with Vue.js but i don’t se them to be a big problem. Object that i hooked in to Vue will loose the possibility to do animation, but i don’t se that as a big problem since i don’t want animations on object where im pulling in data.

So far i have been able to use the visual interface for the design of my site, with one exeption so far. The Webflow Form can not be used, here i hade to use HTML embedd.

I dont know how much more time i will spend on this, since i know it works. My problem is that im a good oop programer but im realy bad in JS and it takes to long time for me.

Any comments??

Janne


Wikipedia API Help
Displaying data from an external API - GET request to Lever.co
CORS No 'Access-Control-Allow-Origin'
#2

Hi Janne,

Mind explaining the workflow for routing your API calls to elements in the Webflow designer interface?


#3

You need to take a look at Vue.js and Axios HTTP client.
You will find all on vue.js HomePage. Start there come back If you have Any Questions


#4

I’ve also been using Vue.js, Axios, and Firebase with Webflow. It’s a really solid workflow.

Check out usebasin.com for forms. It’s really easy to set in Webflow.


#5

Can you be more explicit about how you’re using Vue with the Webflow designer? Are you exporting code from Webflow?

I’m looking for a solution where I can make an API call directly in the Webflow designer.


#6

I have been using it in the webflow designer. It do not work with webflow form. Vue.js is called using CDN.

On Holiday now so i can’t show you Any example until next week.

I did read the vue.js documentation to get it to work. Site must be published to run since it using external code.


#7

If you could publish an example of how you’re binding or linking data to elements that would be awesome. Thanks and enjoy your vacation :slight_smile: