[Flutter] how to install http && get method tutorial sample code

 

 

 

1. 설치 방법 및 최신버전 확인

 

https://pub.dev/packages/http/install

http | Dart Package

 

 

 

 

 

 

2. 설치 방법 2가지

 

 - 방법1 : 설치 커맨드 입력

flutter pub add http

 

 

 

 - 방법2 : 설정값 입력 후 설치 진행

 

// vim pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  http: ^1.1.2

 

 

 

 

 

 

 

3. 설치 정상 완료 확인

 

 

 

 

 

 

4. http get 기본 구현 예제

 

// vim webtoon_model.dart

class WebtoonModel {
  final String title, thumb, id;

  WebtoonModel.fromJson(Map<String, dynamic> json)
      : title = json["title"],
        thumb = json["thumb"],
        id = json["id"];
}

 

// vim api_service.dart

import 'dart:convert';

import 'package:http/http.dart' as http;
import 'package:toonflix/models/webtoon_model.dart';

class ApiService {
  final String baseUrl = "https://webtoon-crawler.nomadcoders.workers.dev";
  final String today = "today";

  void getTodayTooms() async {
    final url = Uri.parse("$baseUrl/$today");
    final response = await http.get(url);
    if (response.statusCode == 200) {
      final List<dynamic> webtoonList = jsonDecode(response.body);
      for (var webtoon in webtoonList) {
        final toon = WebtoonModel.fromJson(webtoon);
        print(toon.title);
      }
      return;
    } else {
      throw Error;
    }
  }
}

// vim main.dart

import 'package:flutter/material.dart';
import 'package:toonflix/services/api_service.dart';

void main() {
  ApiService().getTodayTooms();
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
        home: SizedBox(
      height: 10,
    ));
  }
}

 

// 콘솔 출력 예시

I/flutter ( 9490): 마음의소리2
I/flutter ( 9490): 12시네점심
I/flutter ( 9490): 대학원 탈출일지
I/flutter ( 9490): 마루는 강쥐
I/flutter ( 9490): 내가 키운 S급들
I/flutter ( 9490): 우리 집 고양이 보고 갈래?
I/flutter ( 9490): 집이 없어
I/flutter ( 9490): 못 잡아먹어서 안달
I/flutter ( 9490): 염라강림
I/flutter ( 9490): 로잘린 보가트
I/flutter ( 9490): 초인의 게임
I/flutter ( 9490): 놓지마 정신줄 시즌3
I/flutter ( 9490): 저 그런 인재 아닙니다
I/flutter ( 9490): 호랑이 들어와요
I/flutter ( 9490): 윌유메리미
I/flutter ( 9490): 삼국지톡
I/flutter ( 9490): 무원야담
I/flutter ( 9490): 개같은 아빠
I/flutter ( 9490): 파도의 포말
I/flutter ( 9490): 웅크
I/flutter ( 9490): 팀장님은 신혼이 피곤하다
I/flutter ( 9490): 은주의 방 2~3부
I/flutter ( 9490): 사표내고 이계에서 힐링합니다
I/flutter ( 9490): 반대로 끌리는 사이
I/flutter ( 9490): 미워할 거야
I/flutter ( 9490): 랜덤타겟
I/flutter ( 9490): 빛나는 나나나나
I/flutter ( 9490): 흑역사 어게인
I/flutter ( 9490): 그냥 선생님
I/flutter ( 9490): 헥토파스칼
I/flutter ( 9490): 왕게임
I/flutter ( 9490): 거짓말의 뉘앙스
I/flutter ( 9490): 신과함께 돌아온 기사왕님
I/flutter ( 9490): 약 파는 황태자
I/flutter ( 9490): 착한 여자 안선해
I/flutter ( 9490): 내남친 킹카만들기
I/flutter ( 9490): 필리아로제 - 가시왕관의 예언
I/flutter ( 9490): 에이머
I/flutter ( 9490): 은밀한 재택근무
I/flutter ( 9490): 배드 엔딩 메이커
I/flutter ( 9490): 제로게임
I/flutter ( 9490): 일홀도
I/flutter ( 9490): 환수왕
I/flutter ( 9490): 원포인트