Using Capacitor Native HTTP with Ionic

In this video we will explore the Capacitor native HTTP plugin to perform native HTTP calls on iOS/Android and implement a file download using this plugin!

#############################

👨‍💻 Want to read instead of watch?

😱 NEW: Capacitor Crash Course!

⚡️Take my famous 7 Day Ionic Crash Course

🤷‍♂️Want more Ionic tutorials?

#############################

❤️You can also find me...

Or join our Facebook group:

#############################

00:00 Intro
01:06 Native HTTP Plugin setup
05:42 Wrapping native HTTP calls
12:35 File download
18:04 Outro

[djdontgetcooked]

I kid you not. This channel helped me out get from Senior Frontend Developer with Angular to Tech Lead

[TheSaceone]

Hello Simon, great tutorial as always! Just a quick hint about the DOM sanitizer in 17:15 From my experience, you need to sanitize URLs that you use as input for the src of the image. In fact you can see the function ends with "Url" If you are loading a local file that you have on the assets of your project you will surely need to sanitize that url "./assets/img/my-pic.jpg" but in the tutorial since you are feeding directly the base64 content into the image then there no need to sanitize it because it is not an url. I may be wrong, but when I have done this kind of things in my projects that is the behaviour I have experienced!

[tolutronics]

Another great tutorial as always....Kudos

[zulkarnainfaizan]

definitely want to see native-http in cookies

[jaideepsah]

Hi @simon, What if the download fails due to http error? how to handle http error here. please help me with this. I have implemented this but getting some issue from BE so I want to handle the error in FE and show the respective message.

[tarvindersingh]

How can we alter the user-agent header value using capacitor-community/http

Basically I want to append particular text at end of user-agent value

[tuqasawalha]

Hello Simon, thanks for the tutorial, but I got the IO Error issue in capacitor 3 with the download file in Android, And in ios the base64 is corrupted how to fix this issue please.

[prakash]

This plugin breaking in IOS (app crashes )with capacitor 4.7.3. Any setting needs to be changed specific to IOS.

[saimonperticati]

Hello Simon, great tutorial! I got the fetch error because I need to use the url with credentials (using method GET). could you tell me if there are any solutions on the matter?

[meghapatel]

Thank you for wonderful tutorial. I am trying to do POST request and It is giving me CORS error.

[vishaksunil]

Hi. Is there a way both ion-sliding-item and menu swipe controls to work on the same page.
I've implemented ion item sliding for the items in the list. Now side menu slide is not working

[mahmoudalaskalany]

it is really great
but we have another issue
token interceptor in angular is not intercepting the requests from capacitor http plugin
can you please make a video on this issue it is very important

[kalyanivenna]

Hi Simon, Could you please upload a video on implementing interceptor logic to handle capacitor native http calls. (not angular interceptor)

[armelkouassi]

hi Simon Grimm, thank you for everything, when an ionic course on NFC RFID

[MuraliKalyans]

How to download a large file more than 100MB.. I am unable to read the large file.

[kelubboy]

As always great topic Simon.
Does this work for web as well as electron??

[shanejohnson]

I dislike the 1 person that disliked this video 😎