Flutter - HTTP로 간단하게 API 호출하기

PINKIPPO·2023년 7월 27일

flutter http

Flutter

목록 보기

3/5

이번 시간에는 플러터의 http 패키지를 사용하여 간단하게 서버의 API를 호출하는
방법에 대해서 알아봅시다!

HTTP

플러터에서 API를 호출하기 전에 HTTP가 뭔지 잘 모르는 분들도 있을 듯 하니 간단하게 설명하겠습니다

HTTP(하이퍼텍스트 전송 프로토콜)는 클라이언트와 서버 간의 데이터 통신을 위해 사용되는 프로토콜입니다. 주로 브라우저와 서버 간의 데이터 전송에 사용되며, 요청(Request)과 응답(Response)으로 이루어져 있습니다. 클라이언트가 서버에게 요청을 보내면, 서버는 해당 요청에 대한 응답을 반환합니다. HTTP는 주로 RESTful API와 같은 웹 API 호출에도 사용됩니다.

이제 간단한 코드와 함께 HTTP 패키지를 사용하는 방법에 대해서 알아보겠습니다.

예시 코드

1. 먼저 pubspec.yaml 파일에 http 패키지 추가


dependencies:
  flutter:
    sdk: flutter
  http: ^0.13.4

2. 사용하고자 하는 파일 위에서 http 패키지를 불러와 별칭으로 지정


import 'package:http/http.dart' as http;

3. GET 방식 API 요청 코드


final url = Uri.parse('요청을 원하는 url');
// URL을 정의, 문자열을 Uri.parse() 함수를 사용하여
// Uri 객체로 변환합니다. URL을 파싱하고 필요한 요청을 만들 수 있습니다.

final response = await http.get(url);
// http 패키지를 사용하여 GET 요청
// 동기 방식으로 요청을 보내고, 그 결과로 Response 객체를 얻습니다. 
// await 키워드를 사용하여 비동기 작업이 완료될 때까지 대기

4. POST 방식 API 요청 코드


final url = Uri.parse('요청을 원하는 url');
// URL을 정의, 문자열을 Uri.parse() 함수를 사용하여
// Uri 객체로 변환합니다. URL을 파싱하고 필요한 요청을 만들 수 있습니다.

final response = await http.post(url, 
	body: {
    	'key': 'value',
	});
// http 패키지를 사용하여 POST 요청
// 동기 방식으로 요청을 보내고, 그 결과로 Response 객체를 얻습니다. 
// await 키워드를 사용하여 비동기 작업이 완료될 때까지 대기