- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
class ExpiredTokenRetryPolicy extends RetryPolicy {
@override
bool shouldAttemptRetryOnResponse(Response response) {
if (response.statusCode == 401) {
// Perform your token refresh here.
// refreshToken();
return true;
}
return false;
}
}
如何调用这个方法?
如何集成 Flutter 的 Http 拦截器来重试请求?基本上我想在那里实现刷新 token 。
最佳答案
您可以复制粘贴运行下面的完整代码
我使用https://s0pub0dev.icopy.site/packages/http_interceptor的官方示例
为了模拟这种情况,我不设置 API key ,这将产生 401
我将 maxRetryAttempts
设置为 10
,因此您可以看到输出产生错误消息 10
次
您可以像这样注入(inject)retryPolicy
HttpClientWithInterceptor.build(interceptors: [ WeatherApiInterceptor(),
], retryPolicy: ExpiredTokenRetryPolicy()),
代码片段
class ExpiredTokenRetryPolicy extends RetryPolicy {
@override
int maxRetryAttempts = 10;
@override
bool shouldAttemptRetryOnResponse(http.Response response) {
print(response.statusCode);
if (response.statusCode == 401) {
print("Perform your token refresh here in 401");
return true;
}
return false;
}
}
class _HomeScreenState extends State<HomeScreen> {
WeatherRepository repository = WeatherRepository(
HttpClientWithInterceptor.build(interceptors: [
WeatherApiInterceptor(),
], retryPolicy: ExpiredTokenRetryPolicy()),
);
输出
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
I/flutter (30233): 401
I/flutter (30233): Perform your token refresh here in 401
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
I/flutter (30233): 401
I/flutter (30233): Perform your token refresh here in 401
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
I/flutter (30233): 401
I/flutter (30233): Perform your token refresh here in 401
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
I/flutter (30233): 401
I/flutter (30233): Perform your token refresh here in 401
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
I/flutter (30233): 401
I/flutter (30233): Perform your token refresh here in 401
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
I/flutter (30233): 401
I/flutter (30233): Perform your token refresh here in 401
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
I/flutter (30233): 401
I/flutter (30233): Perform your token refresh here in 401
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
I/flutter (30233): 401
I/flutter (30233): Perform your token refresh here in 401
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
I/flutter (30233): 401
I/flutter (30233): Perform your token refresh here in 401
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
I/flutter (30233): 401
I/flutter (30233): Perform your token refresh here in 401
I/flutter (30233): {id: 707860, appid: YOUR-KEY-HERE, units: metric}
工作演示
完整代码
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http_interceptor/http_interceptor.dart';
import 'package:http/http.dart' as http;
const cities = [
{
"id": 707860,
"name": "Hurzuf",
"country": "UA",
"coord": {"lon": 34.283333, "lat": 44.549999}
},
{
"id": 519188,
"name": "Novinki",
"country": "RU",
"coord": {"lon": 37.666668, "lat": 55.683334}
},
{
"id": 1283378,
"name": "Gorkhā",
"country": "NP",
"coord": {"lon": 84.633331, "lat": 28}
},
{
"id": 1270260,
"name": "State of Haryāna",
"country": "IN",
"coord": {"lon": 76, "lat": 29}
},
];
const String OPEN_WEATHER_API_KEY = "YOUR-KEY-HERE";
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomeScreen(),
);
}
}
class ExpiredTokenRetryPolicy extends RetryPolicy {
@override
int maxRetryAttempts = 10;
@override
bool shouldAttemptRetryOnResponse(http.Response response) {
print(response.statusCode);
if (response.statusCode == 401) {
print("Perform your token refresh here in 401");
return true;
}
return false;
}
}
class HomeScreen extends StatefulWidget {
@override
_HomeScreenState createState() => _HomeScreenState();
}
class _HomeScreenState extends State<HomeScreen> {
WeatherRepository repository = WeatherRepository(
HttpClientWithInterceptor.build(interceptors: [
WeatherApiInterceptor(),
], retryPolicy: ExpiredTokenRetryPolicy()),
);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
centerTitle: true,
title: const Text('Weather App'),
actions: <Widget>[
IconButton(
icon: Icon(Icons.search),
onPressed: () {
showSearch(
context: context,
delegate: WeatherSearch(repository),
);
},
)
],
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Icon(
Icons.wb_sunny,
size: 64,
color: Colors.grey,
),
Container(
height: 16,
),
Text(
"Search for a city",
style: TextStyle(
fontSize: 24.0,
fontWeight: FontWeight.w300,
),
textAlign: TextAlign.center,
),
],
),
),
);
}
}
class WeatherSearch extends SearchDelegate<String> {
int selected = -1;
WeatherRepository repo;
WeatherSearch(this.repo);
@override
List<Widget> buildActions(BuildContext context) {
return [
IconButton(
icon: Icon(Icons.clear),
onPressed: () {
selected = -1;
query = "";
},
)
];
}
@override
Widget buildLeading(BuildContext context) {
return IconButton(
icon: AnimatedIcon(
icon: AnimatedIcons.menu_arrow,
progress: transitionAnimation,
),
onPressed: () {
close(context, null);
},
);
}
@override
Widget buildResults(BuildContext context) {
final city = selected == -1 ? null : cities[selected];
return city != null ? buildWeatherCard(city) : buildEmptyCard();
}
@override
Widget buildSuggestions(BuildContext context) {
final suggestionList = query.isEmpty
? cities
: cities.where((p) => p["name"].toString().startsWith(query)).toList();
return ListView.builder(
itemCount: suggestionList.length,
itemBuilder: (context, index) {
return ListTile(
onTap: () {
selected = index;
query = cities[selected]["name"];
showResults(context);
},
title: Text(suggestionList[index]['name']),
subtitle: Text(suggestionList[index]['country']),
);
},
);
}
Widget buildWeatherCard(final city) {
return FutureBuilder(
future: repo.fetchCityWeather(city["id"]),
builder: (context, snapshot) {
if (snapshot.hasError) {
return Center(
child: Text(snapshot.error),
);
}
if (!snapshot.hasData) {
return Center(
child: CircularProgressIndicator(),
);
}
final weather = snapshot.data;
final iconWeather = weather["weather"][0]["icon"];
final main = weather["main"];
final wind = weather["wind"];
return Card(
margin: EdgeInsets.all(16.0),
child: Container(
width: Size.infinite.width,
padding: EdgeInsets.all(16.0),
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
ListTile(
leading: Tooltip(
child: Image.network(
"https://openweathermap.org/img/w/$iconWeather.png"),
message: weather["weather"][0]["main"],
),
title: Text(city["name"]),
subtitle: Text(city["country"]),
),
ListTile(
title: Text("${main["temp"]} °C"),
subtitle: Text("Temperature"),
),
ListTile(
title: Text("${main["temp_min"]} °C"),
subtitle: Text("Min Temperature"),
),
ListTile(
title: Text("${main["temp_max"]} °C"),
subtitle: Text("Max Temperature"),
),
ListTile(
title: Text("${main["humidity"]} %"),
subtitle: Text("Humidity"),
),
ListTile(
title: Text("${main["pressure"]} hpa"),
subtitle: Text("Pressure"),
),
ListTile(
title: Text("${wind["speed"]} m/s"),
subtitle: Text("Wind Speed"),
),
],
),
),
);
},
);
}
Widget buildEmptyCard() {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Icon(
Icons.wb_sunny,
size: 64,
color: Colors.grey,
),
Container(
height: 16,
),
Text(
"Search for a city",
style: TextStyle(
fontSize: 24.0,
fontWeight: FontWeight.w300,
),
textAlign: TextAlign.center,
),
],
),
);
}
}
const baseUrl = "https://api.openweathermap.org/data/2.5";
class WeatherRepository {
HttpClientWithInterceptor client;
WeatherRepository(this.client);
// Alternatively you can forget about using the Client and just doing the HTTP request with
// the HttpWithInterceptor.build() call.
// Future<Map<String, dynamic>> fetchCityWeather(int id) async {
// var parsedWeather;
// try {
// var response = await HttpWithInterceptor.build(
// interceptors: [WeatherApiInterceptor()])
// .get("$baseUrl/weather", params: {'id': "$id"});
// if (response.statusCode == 200) {
// parsedWeather = json.decode(response.body);
// } else {
// throw Exception("Error while fetching. \n ${response.body}");
// }
// } catch (e) {
// print(e);
// }
// return parsedWeather;
// }
Future<Map<String, dynamic>> fetchCityWeather(int id) async {
var parsedWeather;
try {
final response =
await client.get("$baseUrl/weather", params: {'id': "$id"});
if (response.statusCode == 200) {
parsedWeather = json.decode(response.body);
} else {
return Future.error(
"Error while fetching.",
StackTrace.fromString("${response.body}"),
);
}
} catch (e) {
print(e);
}
return parsedWeather;
}
}
class WeatherApiInterceptor implements InterceptorContract {
@override
Future<RequestData> interceptRequest({RequestData data}) async {
try {
data.params['appid'] = OPEN_WEATHER_API_KEY;
data.params['units'] = 'metric';
data.headers["Content-Type"] = "application/json";
} catch (e) {
print(e);
}
print(data.params);
return data;
}
@override
Future<ResponseData> interceptResponse({ResponseData data}) async => data;
}
关于flutter - 如何为flutter集成Http拦截器以重试请求?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61579974/
我之前让 dll 注入(inject)器变得简单,但我有 Windows 7,我用 C# 和 C++ 做了它,它工作得很好!但是现在当我在 Windows 8 中尝试相同的代码时,它似乎没有以正确的方
我正在尝试制作一个名为 core-splitter 的元素,该元素在 1.0 中已弃用,因为它在我们的项目中起着关键作用。 如果您不知道 core-splitter 的作用,我可以提供一个简短的描述。
我有几个不同的蜘蛛,想一次运行所有它们。基于 this和 this ,我可以在同一个进程中运行多个蜘蛛。但是,我不知道如何设计一个信号系统来在所有蜘蛛都完成后停止 react 器。 我试过了: cra
有没有办法在达到特定条件时停止扭曲 react 器。例如,如果一个变量被设置为某个值,那么 react 器应该停止吗? 最佳答案 理想情况下,您不会将变量设置为一个值并停止 react 器,而是调用
https://code.angularjs.org/1.0.0rc9/angular-1.0.0rc9.js 上面的链接定义了外部js文件,我不知道Angular-1.0.0rc9.js的注入(in
我正在尝试运行一个函数并将服务注入(inject)其中。我认为这可以使用 $injector 轻松完成.所以我尝试了以下(简化示例): angular.injector().invoke( [ "$q
在 google Guice 中,我可以使用函数 createInjector 创建基于多个模块的注入(inject)器。 因为我使用 GWT.create 在 GoogleGin 中实例化注入(in
我在 ASP.NET Core 1.1 解决方案中使用配置绑定(bind)。基本上,我在“ConfigureServices Startup”部分中有一些用于绑定(bind)的简单代码,如下所示: s
我在 Spring MVC 中设置 initBinder 时遇到一些问题。我有一个 ModelAttribute,它有一个有时会显示的字段。 public class Model { privat
我正在尝试通过jquery post发布knockoutjs View 模型 var $form = $('#barcodeTemplate form'); var data = ko.toJS(vm
如何为包含多态对象集合的复杂模型编写自定义模型绑定(bind)程序? 我有下一个模型结构: public class CustomAttributeValueViewModel { publi
您好,我正在尝试实现我在 this article 中找到的扩展方法对于简单的注入(inject)器,因为它不支持开箱即用的特定构造函数的注册。 根据这篇文章,我需要用一个假的委托(delegate)
你好,我想自动注册我的依赖项。 我现在拥有的是: public interface IRepository where T : class public interface IFolderReposi
我正在使用 Jasmine 测试一些 Angular.js 代码。为此,我需要一个 Angular 注入(inject)器: var injector = angular.injector(['ng'
我正在使用 Matlab 代码生成器。不可能包含代码风格指南。这就是为什么我正在寻找一个工具来“ reshape ”、重命名和重新格式化生成的代码,根据我的: 功能横幅约定 文件横幅约定 命名约定 等
这个问题在这里已经有了答案: Where and why do I have to put the "template" and "typename" keywords? (8 个答案) 关闭 8
我开发了一种工具,可以更改某些程序的外观。为此,我需要在某些进程中注入(inject)一个 dll。 现在我基本上使用这个 approach .问题通常是人们无法注入(inject) dll,因为他们
我想使用 swing、spring 和 hibernate 编写一个 java 应用程序。 我想使用数据绑定(bind)器用 bean 的值填充 gui,并且我还希望它反射(reflect) gui
我有这段代码,当两个蜘蛛完成后,程序仍在运行。 #!C:\Python27\python.exe from twisted.internet import reactor from scrapy.cr
要点是 Spring Batch (v2) 测试框架具有带有 @Autowired 注释的 JobLauncherTestUtils.setJob。我们的测试套件有多个 Job 类提供者。因为这个类不
我是一名优秀的程序员,十分优秀!