How to make API calls in Ionic Capacitor Apps

Capacitor app 에서 선택할 수 있는 Http API 리스트

1. Fetch
   • Http 호출을 수행하는 기본 API
2. Angular HttpClient
   • Http Request 를 하는 Angular 의 기본방법
   • CORS 문제를 해결하지 못하는 경우 API를 쓰는 장점이 없다.
3. @ionic-native/http Plugin
   • coardova-plugin-advanced-http와 함께 작동한다.
   • 디바이스에서만 작동하므로 개발이 어렵다.
   • CORS 문제를 수정했다.
4. Ionic Native Http Connection Backend
   • 이 패키지는 위의 두가지를 결합한다.
   • 기본적으로 Angular HttpClient는 브라우저에서 작동하며 장치에서는 @ionic-native/http로 전환된다.
   • CORS 문제를 수정했다.
5. Capacitor/Http Plugin
   • 브라우저, Android 및 IOS 에서 작동한다.
   • CORS 문제를 수정했다.
   • 기본적으로 #3과 동일하지만 종속성이 더 적다.

각 api 사용하면 좋은 상황

• Fetch

  • 서버 Allow-origin 동작을 제어할 수 있는 앱을 만들때 사용
  • 앱의 출저를 수락하도록 서버에 보낼 수 있다.
  • 그러면 Fetch가 모든 시나리오에서 작동한다.

• Angular HttpClient

  • Fetch와 동일

• Ionic Native Http

  • Android/iOS 장치에서 allow-origin restriction 을 우회할 수 있다.
  • 하지만 웹에서는 실행할 수 없어 개발이 어렵다.

• Ionic Native Advenced Http

  • Web , Android 및 iOS 에서 API 를 실행할 수 있지만 웹에서는 여전히 출저 제한 API 를 실행할수 없다.

• Capacitor Http

  • Web, Android 및 iOS 에서 API를 실행할 수 있지만 웹에서는 여전히 출저 제한 API를 실행할 수 없다.