Как вызвать API во флаттере с помощью Dio?

Мне нужно проанализировать JSON для объекта и использовать его в моем приложении, но мне нужно сделать это с помощью библиотеки dio, но я новичок в этом, может ли кто-нибудь помочь мне, как использовать его для синтаксического анализа JSON в объект, а также мой запрос нужен токен, мой объект будет заблокирован следующим образом:

import 'dart:convert';

Users usersFromJson(String str) => Users.fromJson(json.decode(str));
String usersToJson(Users data) => json.encode(data.toJson());

class Users {
  Users({
    this.data,
  });

  List<Datum> data;

  factory Users.fromJson(Map<String, dynamic> json) => Users(
    data: List<Datum>.from(json["data"].map((x) => Datum.fromJson(x))),
  );

  Map<String, dynamic> toJson() => {
    "data": List<dynamic>.from(data.map((x) => x.toJson())),
  };
}

class Datum {
  Datum({
    this.id,
    this.name,
    this.email,
    this.phone,
    this.status,
    this.images,
  });

  int id;
  String name;
  String email;
  String phone;
  String status;
  List<Image> images;

  factory Datum.fromJson(Map<String, dynamic> json) => Datum(
    id: json["id"],
    name: json["name"],
    email: json["email"],
    phone: json["phone"],
    status: json["status"],
    images: List<Image>.from(json["images"].map((x) => Image.fromJson(x))),
  );

  Map<String, dynamic> toJson() => {
    "id": id,
    "name": name,
    "email": email,
    "phone": phone,
    "status": status,
    "images": List<dynamic>.from(images.map((x) => x.toJson())),
  };
}

class Image {
  Image({
    this.id,
    this.url,
    this.isProfileImage,
  });

  int id;
  String url;
  int isProfileImage;

  factory Image.fromJson(Map<String, dynamic> json) => Image(
    id: json["id"],
    url: json["url"],
    isProfileImage: json["is_profile_image"],
  );

  Map<String, dynamic> toJson() => {
    "id": id,
    "url": url,
    "is_profile_image": isProfileImage,
  };
}

может ли кто-нибудь помочь мне шаг за шагом сделать это с помощью провайдера и дио, пожалуйста!


flutter dart api dio
person Qasem M. Zreaq    schedule 09.10.2020    source источник

Ответы (2)


arrow_upward
5
arrow_downward

Попробуйте что-то вроде этого:

  final client = Dio();

  Future<_yourClass_> getData() async {
    final url = 'your-url';

    try {
      final response = await client.get(url);

      if (response.statusCode == 200) {
        return _yourClass_.fromJson(response.data);
      } else {
        print('${response.statusCode} : ${response.data.toString()}');
        throw response.statusCode;
      }
    } catch (error) {
      print(error);
    }
  }

... _yourClass_ data = await getData();

Если у вас уже есть токен, вы можете добавить его в диод следующим образом:

Dio()..options.headers['authorization'] = 'Bearer $token';

Конечно, это зависит от типа авторизации. Также, если у вас еще нет токена, вам нужно сначала сделать запрос, чтобы получить токен (аналогично тому, как показано выше), а затем получить токен из response.data.

person David Sedlář    schedule 09.10.2020
comment
Затем вы можете отлаживать свой ответ об ошибке в «catch», вы можете точно узнать, что говорит сервер, и с этой информацией вы сможете изменить свои вызовы api. Все API разные. - person David Sedlář; 09.10.2020
comment
Я использовал это, но дал мне запрос об ошибке аутентификации 401 Future ‹Users› getData () async {попробуйте {final response = await client.get (url, options: Options (headers: {HttpHeaders.authorizationHeader: $ token}),); если (response.statusCode == 200) {печать (response.data); вернуть Users.fromJson (response.data); } else {print ('$ {response.statusCode}: $ {response.data.toString ()}'); бросить response.statusCode; }} catch (ошибка) {печать (ошибка); } - person Qasem M. Zreaq; 09.10.2020
comment
Да, но вы также получаете ответное сообщение с сервера, и там вам нужно получить информацию о том, что не так. 401 - это код ответа от сервера. - person David Sedlář; 09.10.2020
comment
Правильно ли это, как я использовал диод с токеном? - person Qasem M. Zreaq; 09.10.2020
comment
Да, но проверьте его по api doc, например, нашему api нужен токен в формате Bearer $ token. - person David Sedlář; 12.10.2020
comment
Это зависит от вашей документации по API, fxmpl нашему серверу нужен токен в этом формате ['authorization'] = 'Bearer $ token' - person David Sedlář; 20.10.2020

arrow_upward
0
arrow_downward

Вот пошаговая инструкция

Сначала создайте сервис Dio API и класс реализации сервиса.

import 'package:dio/dio.dart';

abstract class HttpService{
  void init();

  Future<Response> getRequest(String url);
}

Класс реализации вызова Api

import 'package:dio/dio.dart';
import 'package:getx_news_app_impl/service/http_service.dart';

const BASE_URL = "https://newsapi.org/";
const API_KEY = "fb12a31181aa4498ba52877978913275";


class HttpServiceImpl implements HttpService{

  Dio _dio;

  @override
  Future<Response> getRequest(String url) async{
    // TODO: implement getRequest

    Response response;
    try {
      response = await _dio.get(url);
    } on DioError catch (e) {
      print(e.message);
      throw Exception(e.message);
    }

    return response;
  }

  initializeInterceptors(){
    _dio.interceptors.add(InterceptorsWrapper(
      onError: (error){
        print(error.message);
      },
      onRequest: (request){
        print("${request.method} | ${request.path}");
      },
      onResponse: (response){
        print("${response.statusCode} ${response.statusMessage} ${response.data}");
      }
    ));
  }

  @override
  void init() {
    _dio = Dio(BaseOptions(
      baseUrl: BASE_URL,
      headers: {"Authorization" : "Bearer $API_KEY"}
    ));

    initializeInterceptors();
  }

}

И используя этот API вызова класса, как это

class NewsRepoImpl implements NewsRepo{

  HttpService _httpService;

  
  Future<List<Article>> getNewsHeadline() async{
    // TODO: implement getNewsHeadline

    try {
       final response = await _httpService.getRequest("/v2/top-headlines?country=us");

       final parsedResponse = NewsResponse.fromJson(response.data);

       return parsedResponse.articles;
    } on Exception catch (e) {
      print(e);
      return null;
    }
  }
  
}
person Paresh Mangukiya    schedule 16.04.2021