반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 코테준비
- 코테공부
- JPA스터디
- nestjs
- JPA
- 스프링부트
- 기술면접공부
- 기술공부
- Flutter
- 스프링부트공부
- querydsl
- 스프링 공부
- 스프링
- nestjs공부
- 자바공부
- Kafka
- JPA공부
- K8S
- Axon framework
- 자료구조공부
- 카프카
- JPA 공부
- 알고리즘공부
- 프로그래머스
- 플러터 공부
- 스프링공부
- 플러터 개발
- nestjs스터디
- DDD
- JPA예제
Archives
- Today
- Total
DevBoi
[Flutter] 외부 서버 데이터 송수신 본문
반응형
필수적으로 외부 백엔드 서버를 호출해서 데이터를 받아와야한다.
이에 필요한 작업을 해보도록 하자
일단 유틸로 하나 만들것이다. 메소드는 Post,Get,Put,Delete로? 무튼
1. pub get || pubspec에 http추가
flutter pub add http
http: ^0.13.5
2. 유틸성 코드 추가
백엔드 서버에 이러한 내용이 있다고 가정하자.
@PostMapping("/sample")
public String test(){
return "hi sample!";
}
플러터 소스는 아래와 같다.
var url = Uri.http('localhost:8080', 'sample');
var response = await http.post(url, body: {'name': 'doodle', 'color': 'blue'});
print('Response status: ${response.statusCode}');
print('Response body: ${response.body}');
모듈성 소스를 여러가지로 만들어 보자
1. Get
Map<String,String> personList = new Map();
personList.putIfAbsent("id", () => "smith");
getApiGet('dfas',personList);
getApiGet(String url,Map<String, dynamic> param) async{
print(param);
var url = Uri.http('localhost:8080', 'sample',param);
var response = await http.get(url);
print('Response status: ${response.statusCode}');
print('Response body: ${response.body}');
}
2.Post
@PostMapping("/sample")
public String test(Member member){
System.out.println("id_post~~:"+member.getId());
return "hi sample!";
}
postApi(String url, Map<String, dynamic> param) async {
var url = Uri.http('localhost:8080', 'sample');
var response = await http.post(
url
,body: param
);
print('Response status: ${response.statusCode}');
print('Response body: ${response.body}');
}
postApi('member', personList);
뭐 사실 이렇다할 소스도 없다.
그냥 단순히 사용하면 된다.
한글로 될때는 별도의 디코딩을 해줘야하는데 이건 그떄 구글링해서 적용하는걸로...
무튼 이런식으로 하면 외부 서버 호출까지 가능하다.
반응형
'[Mobile] > [Flutter]' 카테고리의 다른 글
[Flutter] Dart Sdk 버전업 (1) | 2023.07.18 |
---|---|
[Flutter] BottomNavigation 구현 (0) | 2023.07.17 |
[Flutter] 내부 저장 디비를 활용해보자 (0) | 2023.07.16 |
[Flutter] 위젯 별로 공통 함수로 분류하기 (0) | 2023.07.16 |
[Flutter] 동적 리스트뷰 생성하기 (0) | 2023.07.16 |