4장 Travia를 이용해서 다른 api에 적용 한줄 가져오려고합니다.

Question

Future getNumberTrivia() async { // get 메소드로 URL 호출 Response result = await Dio().get('https://api.adviceslip.com/advice'); var trivia = result.data['advise']; // 응답 결과 가져오기 print(trivia); return trivia; 4장 Travia를 응용해서 Json 원본 .. {"slip": { "id": 65, "advice": "When having a clear out"} //한줄 나오는데 분해가 안되네요... 두번째 값 문장만 가져 오려면 어떻게 해야하나요?" 이것도 json decode 해야하나요. "When having a clear out" ./..... Response result = await Dio().get('https://api.adviceslip.com/advice', queryParameters: {"slip": "advice"},); //이해를 못한건지 .. 쿼리를 넣엇는데 print {"slip": { "id": 224, "advice": "Don't drink bleach."}} Response result = await Dio().get('https://api.adviceslip.com/advice'); final trivia = result.data; // 응답 결과 가져오기 Map user = jsonDecode(trivia); print(user.runtimeType); print(user["slip"]); return trivia; _JsonMap {id: 46, advice: Try going commando to an important meeting, NB: don't wear a skirt.} print(user["advice"]); _JsonMap Null { "slip": { "slip_id": "2", "advice": "Smile and the world smiles with you. Frown and you're on your own." } }

DevStory · Answer

안녕하세요. 다음과 같은 응답을 반환하는 API에서 advice 만 추출하는 방법을 알려드립니다. {"slip": { "id": 117, "advice": "A common regret in life is wishing one hadn't worked so hard."}} 일단 최종 결과는 아래에 있는 getAdvice() 함수를 사용하면 advice 값만 뽑아오실 수 있습니다. import 'dart:convert'; import 'package:dio/dio.dart'; void main() async { final advice = await getAdvice(); print(advice); /// 최종 결과 : A common regret in life is wishing one hadn't worked so hard. } Future getAdvice() async { final result = await Dio().get('https://api.adviceslip.com/advice'); /// json format을 따르는 String final stringData = result.data; /// Map final data = jsonDecode(stringData); final advice = data['slip']['advice']; return advice; } 강의에서 진행한 샘플 API에선 jsonDecode() 를 직접 안해도 바로 접근이 가능했었는데, 위의 경우에는 jsonDecode() 를 직접 명시해야 접근이 가능하여 헷갈리셨을 것 같습니다. Dio는 API의 응답의 헤더(header) 영역에 content-type 이 application/json 이라고 명시되어 있으면 자동으로 jsonDecode() 함수를 실행한 값을 반환하고 그렇지 않은 경우 문자열로 반환합니다. 헤더에 들어있는 값은 다음과 같이 확인할 수 있는데, 위 API는 content-type 이 text/html 으로 넘어오고 있기에 단순 문자열로 넘어오게 됩니다. 따라서 jsonDecode() 를 별도로 실행해 주셔야하고, 그 결과 Map 형태로 데이터를 다룰 수 있습니다. final result = await Dio().get('https://api.adviceslip.com/advice'); print(result.headers); 문자열을 Map으로 변경하신 뒤 advice 에 접근하기 위해선 먼저 slip 이라는 key로 advice 가 속해있는 Map을 data['slip'] 이라고 명시하여 가져오고, 이후에 data['slip']['advice'] 라고 명시하여 advice 를 가져오실 수 있습니다. 읽어보시고 설명이 더 필요하신 부분 있으면 언제든지 문의 남겨주세요 감사합니다 :)