как я могу получить доступ к блоку внутри моего класса запросов API (класс без виджетов) - PullRequest
1 голос
/ 12 октября 2019

Я использую пакет flutter_bloc (https://felangel.github.io/bloc/#/gettingstarted), который был потрясающим. В настоящее время у меня есть блок авторизации, который содержит маркер доступа, когда пользователь вошел в систему.

На многихмои HTTP-запросы, мне нужно отправить токен доступа на свой бэкэнд.

Я создаю многоразовую функцию для обработки всех защищенных HTTP-запросов, для которых требуется отправка токена доступа. Это можно использовать повторнопоэтому мне не нужно постоянно передавать маркер доступа из уровня пользовательского интерфейса в уровень API, однако я не уверен, как получить доступ к блоку аутентификации из этой функции, поскольку он отсутствует в дереве виджетов

Данные передаются следующим образом, когда я делаю HTTP-запрос (на основе учебных пособий felangel flutter bloc):

UI -> bloc -> repository -> api 
and then:
api -> repository -> bloc -> UI

У меня есть BlocProvider в верхней части моего приложения для предоставления AuthBloc, например:

return BlocProvider(
    builder: (BuildContext context) =>
       AuthBloc(authRepository: authRepository),
       child: Scaffold( 
...

А вот моя функция многократного использования для защищенных запросов. Мне нужно получить доступ к блоку аутентификации в этой функции, но я не совсем уверен, как это сделать.

  Future<dynamic> protectedRequest(
      {accessToken, endpoint, dynamic body}) async {
    final uri = Uri.https(baseUrl, endpoint);
    final response = await http.post(uri,
        body: body, headers: {'Authorization': 'Bearer ' + accessToken});
    if (response.statusCode == 200 || response.statusCode == 201) {
      return response;
    } else {
      throw Exception();
    }
  }

Спасибо

1 Ответ

1 голос
/ 14 октября 2019

Я могу предложить вам пакет, который (https://pub.dev/packages/dio), может помочь вам при HTTP-запросах. Вы можете создать http-менеджер с использованием этого пакета.

class HttpManager {
  static String token;
  static String cookie;
  final String tag;

  var _dio = Dio();
  HttpManager({this.tag}) {
    _dio.options..baseUrl = AppConfig.baseUrl;
    _dio.interceptors
        .add(InterceptorsWrapper(onRequest: (RequestOptions options) {
      if (token != null) {
        options.headers["Authorization"] = "Bearer $token";
        options.headers["cookie"] = cookie;
      }
      DioLogger.onSend(tag, options);
      return options;
    }, onResponse: (Response response) {
      DioLogger.onSuccess(tag, response);
      return response;
    }, onError: (DioError error) {
      if (error.response.statusCode == 401) {
        AuthenticationBloc().logout();
      } else if (error.response.statusCode == 400) {
        error.response.statusMessage = "400";
      }
      DioLogger.onError(tag, error);
      return error;
    }));
  }

  Dio get client => _dio;
}

И можете использовать _dioпеременная в вашей службе аутентификации, например:

class AuthService {
  final String tag = "AuthService";
  Dio client;

  AuthService() {
    client = HttpManager(tag: tag).client;
  }

  Future<ResponseModel> authenticate(String username, String password) async {
    try {
       final response = await client.get("/myPath",
          queryParameters: {"username": username, "password": password});


      throwIfNoSuccess(response);

      HttpManager.token = response.data["token"];
      HttpManager.cookie = response.headers.value("cookie");

      return ResponseModel.fromJson(response.data);
    } catch (e) {
      throw (e);
    }
  }

  void throwIfNoSuccess(Response response) {
    print("is the response Null  : ${response.statusCode}");
    if ((response.statusCode ?? 0) < 200 || (response.statusCode ?? 0) > 299) {
      throw new HttpException(response);
    }
  }
}
...