# Any tips for working with the WebAPI component?

**URL:** https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802
**Category:** Questions about Thunkable X
**Tags:** beginner, webapi, http, json
**Created:** [December 15, 2018, 4:55pm UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802 "2018-12-15T16:55:15Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![Dr\_Walter](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/dr_walter/32/18588_2.png) [@Dr\_Walter](https://community.thunkable.com/u/Dr_Walter)
#### Post date: [December 15, 2018, 4:55pm UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/1 "2018-12-15T16:55:15Z")

</div>

I’ve been trying to use the Web API component but with no luck. I have a soap API that requires authentication. So i included the Headers section with property (Authorization) and value (Basic d2VidXNlcjpObXkvdmNhNGg4RUNNdmJRL01wY1RSRkZ6YWZWZ1MxR1FudWRZU3djdTA4PQ==). In the URL part i included the path the API which is [https://41.190.34.130:9047/WebsiteTest/WS/SpeedWebsiteTest/Codeunit/WebsiteManagement](https://41.190.34.130:9047/WebsiteTest/WS/SpeedWebsiteTest/Codeunit/WebsiteManagement)  
Did a simple Web API call GET but getting no results just error message (Network Request Failed). Anyone to help please.

---

<div class="post-metadata">

### Author: ![Daniel\_Suzuki](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/daniel_suzuki/32/13371_2.png) [@Daniel\_Suzuki](https://community.thunkable.com/u/Daniel_Suzuki)
#### Post date: [January 17, 2018, 1:22am UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/2 "2018-01-17T01:22:09Z")

</div>

Dear Colleages:

I am new to thunkable, but have been working since some years ago with MIT App inventor.

I was looking for a way to create app for iOS with the same type of tool.

I create an app that uses WEB Api blocks to access an IBM service. This app was working with the live test app with the bar code scaner scheme. In December 2017 it was working fine.

Today, I am not able to make the app work with the new live app test tool. The app seems to block the app.

I am working with an iPAD 2 with iOS version 9.3.5 (the last one released by apple for this device).

Can you please give some advice about what could be happening with my app?.

Thank you in advance.

Sincerely

Daniel Suzuki

---

<div class="post-metadata">

### Author: ![shoaibjdev](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/shoaibjdev/32/23387_2.png) [@shoaibjdev](https://community.thunkable.com/u/shoaibjdev)
#### Post date: [September 5, 2018, 9:19am UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/3 "2018-09-05T09:19:24Z")

</div>

Hi,  
How do we set Headers value dynamically on Web API Component?

Our APIs expect Authentication header which changes every 60 seconds, so far we have tried storing the new Authentication Header in Local Storage, but not able to figure out how to add it on Web API component before API Component Call Post method, as the component only offers set URL and Body. Please advise.

---

<div class="post-metadata">

### Author: ![Naresh\_Y](https://avatars.discourse-cdn.com/v4/letter/n/9f8e36/32.png) [@Naresh\_Y](https://community.thunkable.com/u/Naresh_Y)
#### Post date: [October 6, 2018, 3:04am UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/4 "2018-10-06T03:04:18Z")

</div>

I would like to build a simple app. the app has two screens, screen-1) a speak button, upon clicking it, it should call Google Speech API and converts the users voice into text and displays on screen. Then a Save button enables and upon clicking the save button, the text should get saved into my data base table. can this be done via Thunkable? if so, guidance please .

---

<div class="post-metadata">

### Author: ![renren66](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@renren66](https://community.thunkable.com/u/renren66)
#### Post date: [October 30, 2018, 4:34am UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/5 "2018-10-30T04:34:14Z")

</div>

I don’t really know anything about APIs. Do I just copy the json string into ‘body’?

---

<div class="post-metadata">

### Author: ![Cian\_O\_Sullivan](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cian_o_sullivan/32/34494_2.png) [@Cian\_O\_Sullivan](https://community.thunkable.com/u/Cian_O_Sullivan)
#### Post date: [December 16, 2018, 8:13pm UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/6 "2018-12-16T20:13:54Z")

</div>

Hello, I am trying to use an analysis API of photos (not Microsoft Recognizer), however I am having trouble uploading the photos. While I could use a MediaDB, I do not want to (for privacy), I just want one copy of the image to an API endpoint that I control.

I can upload either a base64 or via a filepath.

I canot figure out for the life of me how to upload the media content to an API that is NOT the Microsoft or the MediaDB. I have tried things like setting the Body to Photo, and I get a 415 (invalid media type).

Can someone point me to a project that may do something like this so I can look at the blocks?

Thank you.

---

<div class="post-metadata">

### Author: ![PEtalk](https://avatars.discourse-cdn.com/v4/letter/p/898d66/32.png) [@PEtalk](https://community.thunkable.com/u/PEtalk)
#### Post date: [January 3, 2019, 4:50pm UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/7 "2019-01-03T16:50:26Z")

</div>

I’ve tried searching everywhere but couldn’t find if there was a URL encode option for the WebAPI. Would anyone happen to know whether this is available? If not, would the only workaround to be a function using the “Replace” functionality?

---

<div class="post-metadata">

### Author: ![Manuel\_Neto](https://avatars.discourse-cdn.com/v4/letter/m/d6d6ee/32.png) [@Manuel\_Neto](https://community.thunkable.com/u/Manuel_Neto)
#### Post date: [May 14, 2019, 10:50pm UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/8 "2019-05-14T22:50:27Z")

</div>

how to use api web to connect my app with mysql database from an external server?  
And if I do, will I violate google play’s policy?

---

<div class="post-metadata">

### Author: ![smangat12njpy2n](https://avatars.discourse-cdn.com/v4/letter/s/aca169/32.png) [@smangat12njpy2n](https://community.thunkable.com/u/smangat12njpy2n)
#### Post date: [September 5, 2019, 1:58am UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/9 "2019-09-05T01:58:13Z")

</div>

My app won’t display the text for labels which are being set by a GET from a web API component. I think it’s an issue with my security settings as it’s a public API that I’m accessing. That said, I’m not 100% confident that security settings are the actual issue. Below is the block for the GET call - you’ll see how data from the JSON is parsed and populates the variables which set the text for the labels.

 ![component-block](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/8/4834846d4133ea1120f4348a864334ecde560d76.png)

Below are the security settings on the component and details from the API.

 ![api-details](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/a/0a27ccbb397aeeeec20c5bcdd4096c76db65938b.png)

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/e/de965a773130daf27ad197c8ed373b223b36b224.png)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/e/de94ca2f05c80039b2ef89b34f77ab8be3befb5d.png)

Can anyone provide me with some advice as to how to get this all to work?

---

<div class="post-metadata">

### Author: ![Waterloo\_HK](https://avatars.discourse-cdn.com/v4/letter/w/4da419/32.png) [@Waterloo\_HK](https://community.thunkable.com/u/Waterloo_HK)
#### Post date: [August 2, 2020, 5:40pm UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/10 "2020-08-02T17:40:00Z")

</div>

I want to post an image taken from the camera or photo library and upload to my own server using POST method.

This question has been asked before but all replies point to Media\_DB1 upload to Cloudinary. I don’t want to use Cloudinary.

Any alternative? example?

Thanks!

---

<div class="post-metadata">

### Author: ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)
#### Post date: [August 11, 2020, 10:23pm UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/11 "2020-08-11T22:23:05Z")

</div>

Hey @Dr_Walter @Daniel_Suzuki @shoaibjdev @Naresh_Y @renren66 @Cian_O_Sullivan @PEtalk @Manuel_Neto @smangat12njpy2n @Waterloo_HK - grouping all your API related questions together in the hopes that it will make the answers easier to find.

We have a great playlist on our YouTube channel which takes you through connecting to various APIs and parsing the response:

https://www.youtube.com/embed/videoseries?list=PLB89L9PPGIrzgD2b9Y0Lvmt_tQYrJSbFT&wmode=transparent&rel=0&autohide=1&showinfo=1&enablejsapi=1

Additionally, you should definitely check out @darren’s channel where you’ll find brilliant multi-part series on working with different APIs.

> **[Thunkable X Tutorials](https://www.youtube.com/c/ThunkableXTutorials/playlists)**
>
> Welcome to my channel! My name is Darren and I teach Do-It-Yourselfers how to make apps with No-Code tools like Thunkable. No Coding is a relatively new term...

---

<div class="post-metadata">

### Author: ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 11:52am UTC](https://community.thunkable.com/t/any-tips-for-working-with-the-webapi-component/60802/12 "2024-11-08T11:52:22Z")

</div>


