Flutter

REST API 통신

Dean83 2023. 3. 20. 11:51

거의 모든 앱의 개발 방식이, Business Logic 은 서버에서 구현하고, 앱에서는 서버와 REST API 통신 -> 결과값을

화면에 보여주는 형태로 개발이 된다.

 

REST API는 필수이며, 플러터에서는 손쉽게 구현할 수 있다. 

 

1. Dependency 추가
    - 플러터는 안드로이드의 build.gradle 처럼, pubspec.yaml 에 패키지를 추가한다. 
      http: ^버전정보  를 입력하면 된다. 

 

2. REST API 호출 하기

     - 비동기로 동작해야 한다.    

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

Future<http.Response> getCall() async
{
	return await http.get('주소');
}

      - 간단한 예제로, POST 등 도 각각 호출할 수 있고, 헤더에 인증정보나, POST에 body 등 추가 인자값도 넣을 수 있다.

      - 다른 코드에서 구현하는것과 비슷하므로 생략한다. 

 

3. 결과값 받아오기

     - response를 통해 결과값을 받아올 수 있다

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

Future<String> getCall() async
{
	response = await http.get('주소');
    
    if(response.statusCode != 200)
    	return "Error";
        
    return response.body 를 string 으로 리턴
}

 

'Flutter' 카테고리의 다른 글

NavigationRail 및 LayoutBuilder 위젯  (0) 2023.03.24
Json Serialize, Deserialize  (0) 2023.03.20
Slivers, CustomScrollView  (0) 2023.03.14
Builder (StreamBuilder, FutureBuilder)  (0) 2023.03.14
Stream (Kotlin 라이브데이터)  (0) 2023.03.14