首页 > 其他分享 >Flutter之GetX之GetConnect

Flutter之GetX之GetConnect

时间:2023-04-05 14:24:02浏览次数:43  
标签:http users request Flutter GetX GetConnect response httpClient

Flutter之GetX之GetConnect

GetConnect可以便捷的通过http或websockets进行前后台通信。

默认配置

能轻松的通过extend GetConnect就能使用GET/POST/PUT/DELETE/SOCKET方法与Rest API或websockets通信。

class UserProvider extends GetConnect {
  // Get request
  Future<Response> getUser(int id) => get('http://youapi/users/$id');
  // Post request
  Future<Response> postUser(Map data) => post('http://youapi/users', body: data);
  // Post request with File
  Future<Response<CasesModel>> postCases(List<int> image) {
    final form = FormData({
      'file': MultipartFile(image, filename: 'avatar.png'),
      'otherFile': MultipartFile(image, filename: 'cover.png'),
    });
    return post('http://youapi/users/upload', form);
  }

  GetSocket userMessages() {
    return socket('https://yourapi/users/socket');
  }
}

自定义配置

GetConnect具有多种自定义配置。可以配置base Url,配置响应,配置请求,添加权限验证,甚至是尝试认证的次数,除此之外,还可以定义一个标准的解码器,该解码器将把所有请求转换为模型,而不需要任何额外的配置。

class HomeProvider extends GetConnect {
  @override
  void onInit() {
    // All request will pass to jsonEncode so CasesModel.fromJson()
    httpClient.defaultDecoder = CasesModel.fromJson;
    httpClient.baseUrl = 'https://api.covid19api.com';
    // baseUrl = 'https://api.covid19api.com'; // It define baseUrl to
    // Http and websockets if used with no [httpClient] instance

    // It's will attach 'apikey' property on header from all requests
    httpClient.addRequestModifier((request) {
      request.headers['apikey'] = '12345678';
      return request;
    });

    // Even if the server sends data from the country "Brazil",
    // it will never be displayed to users, because you remove
    // that data from the response, even before the response is delivered
    httpClient.addResponseModifier<CasesModel>((request, response) {
      CasesModel model = response.body;
      if (model.countries.contains('Brazil')) {
        model.countries.remove('Brazilll');
      }
    });

    httpClient.addAuthenticator((request) async {
      final response = await get("http://yourapi/token");
      final token = response.body['token'];
      // Set the header
      request.headers['Authorization'] = "$token";
      return request;
    });

    //Autenticator will be called 3 times if HttpStatus is
    //HttpStatus.unauthorized
    httpClient.maxAuthRetries = 3;
  }

  @override
  Future<Response<CasesModel>> getCases(String path) => get(path);
}

标签:http,users,request,Flutter,GetX,GetConnect,response,httpClient
From: https://www.cnblogs.com/r1cardo/p/17289367.html

相关文章

  • Flutter之GetX之国际化
    Flutter之GetX之国际化在GetMaterialApp中设置GetMaterialApp(locale:Get.deviceLocale,translations:Messages(),fallbackLocale:constLocale("en_US"),)其中设置的locale为用Get.deviceLocale设置的设备语言translations设置的为我们继承Translation......
  • Flutter之GetX之GetBuilder
    Flutter之GetX之GetBuilderGetX是Flutter的一个非常强力的三方库,包含了非常多的功能,比如状态管理、路由管理、国际化、路由中间件、主题、数据库等等今天简单介绍一下状态管理中的GetBuilder实现有关状态管理当你的Flutter应用的状态发生改变时(例如,用户在设置界面中点击......
  • Flutter之GetX之Obs
    Flutter之GetX之Obs除了之前说过的GetBuilder,GetX还有其他的状态管理方式一个后缀就可以把一个变量变得可观察,变量每次改变的时候,使用它的小部件就会被更新varname='周杰伦'.obs;然后通过Obx或者GetX包裹并使用响应式变量的控件,在变量改变的时候就会被更新Obx(()=>......
  • flutter系列之:在flutter中使用相机拍摄照片
    简介在app中使用相机肯定是再平常不过的一项事情了,相机肯定涉及到了底层原生代码的调用,那么在flutter中如何快速简单的使用上相机的功能呢?一起来看看吧。使用相机前的准备工作flutter中为使用camera提供了一个叫做camera的插件,我们首先需要安装这个插件。安装插件的步骤很简单......
  • flutter系列之:在flutter中使用相机拍摄照片
    目录简介使用相机前的准备工作在flutter中使用camera总结简介在app中使用相机肯定是再平常不过的一项事情了,相机肯定涉及到了底层原生代码的调用,那么在flutter中如何快速简单的使用上相机的功能呢?一起来看看吧。使用相机前的准备工作flutter中为使用camera提供了一个叫做came......
  • flutter系列之:创建一个内嵌的navigation
    目录简介搭建主Navigator构建子路由总结简介我们在flutter中可以使用Navigator.push或者Navigator.pushNamed方法来向Navigator中添加不同的页面,从而达到页面调整的目的。一般情况下这样已经足够了,但是有时候我们有多个Navigator的情况下,上面的使用方式就不够用了。比如我们有一个......
  • Flutter 异步编程指南
    作者:京东物流 王志明1Dart中的事件循环模型在App开发中,经常会遇到处理异步任务的场景,如网络请求、读写文件等。Android、iOS使用的是多线程,而在Flutter中为单线程事件循环,如下图所示Dart中有两个任务队列,分别为microtask队列和event队列,队列中的任务按照先进先出......
  • Flutter和小程序容器技术的应用前景与发展潜力
    随着移动互联网的快速发展,应用程序已经成为人们生活中必不可少的一部分,而小程序和Flutter技术则是当前应用开发中备受瞩目的两大趋势。 小程序是一种轻量化的应用程序,其不需要用户下载安装即可使用,同时也具备了高效便捷的使用体验。而Flutter技术则是一种跨平台的应用开发技术......
  • Flutter中如何取消任务
    前言在开发过程中,取消需求是很常见的,但很容易被忽略。然而,取消需求的好处也很大。例如,在页面中会发送很多请求。如果页面被切走并处于不可见状态,就需要取消未完成的请求任务。如果未及时取消,则可能会导致以下负面影响:消耗用户额外数据流量。任务回调持有全局上下文变量,未及时......
  • flutter基础2
    1.有状态组件StatefulWidgetimport'package:flutter/material.dart';voidmain(){runApp(constMyApp());}classMyAppextendsStatelessWidget{constMyApp({super.key});@overrideWidgetbuild(BuildContextcontext){returnMaterialAp......