Basic structure to display simple api endpoint

Wappler General Need Help
1

Hello

I am trying to display a simple bitcon price from the following endpoint:
https://api.cryptonator.com/api/ticker/btc-usd

What I dont understand is the basic structure needed in bootstrap to display the endpoint?

See here my structure:

basic structure
basic structure347×540 23.1 KB

Do I need to add an additional element below the API Data Source in order the btc-usd price is displayed on a simple page?

I dont find any information in bootstrap on how the API Data Source needs to be embedded.

Thanks for any help -

Thomas

2

Hi Thomas,
This may help you:

3

Thank you Dave. I studied this before bringing my problem here. Unfortunately this didn’t help. I didn’t find any other simple endpoint data display done with Wappler that I was able to transfer to my problem.
I’ll check further.

4

Hello - I was able to narrow the problem: The api is fetching the data, but I just dont understand how to display it on the website, see short video here:

http://somup.com/crl1bk0zGn

Where can I find guidance on how to display a data source?

Thanks for any help -

Thomas

1 Like
5

you need to add a repeat of your api data and then display it that way.

I would put your api data at the top of the tree/page. And then where you want the data to be on your page add a repeat region from the data choice.

6

Capture
Capture1215×555 87.4 KB

7

Then you can pick say a paragraph tag and then from the lightening bolt choice for the paragraph add the data that you want to display from your api

8

baub - thank you very much for your inputs. I will try this.

Thanks again -

Thomas

9

baub - what do you mean by paragraph tag? I researched in the bootstrap guidance but can not find what you mean by this. Can you specifiy that for me?

Thanks in case you find time.

Thomas

10

once you have the app connect server connection. You display the data inside the repeat region. inside a paragraph tag is just a suggestion.

repeat
<p>{{serverconnect.data.whatever}}</p>
End repeat

or you can use the bootstrap table generator also

11

baub - thank you. Will check and assess your inputs. BR, Thomas