正文

flutter--进阶网络请求(代码片段)

Kevin-Dev  Kevin-Dev  2022-12-06  182

关键词：

文章目录

Flutter 的请求网络有多种方式：

使用 dart io 中的 HttpClient 发起的请求
使用 dio 库
使用http库。

1. dart io发起的请求

1.1 get请求

import 'dart:io';//导IO包
import 'dart:convert';//解码和编码JSON
void main() 
  _get();


_get() async
  var responseBody;
  //1.创建HttpClient
  var httpClient = new HttpClient();
  //2.构造Uri
  var requset = await httpClient.getUrl(Uri.parse("http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/1"));
  //3.关闭请求，等待响应
  var response = await requset.close();
  //4.进行解码，获取数据
  if(response.statusCode == 200)
      //拿到请求的数据
      responseBody = await response.transform(utf8.decoder).join();
      //先不解析打印数据
      print(responseBody);
  else
    print("error");

结果如下：

1.2 post请求

_post() async
  var responseBody;
  //1.创建HttpClient
  var httpClient = new HttpClient();
  //2.构造Uri
  var requset = await httpClient.postUrl(Uri.parse("http://www.wanandroid.com/user/login?username=1&password=123456"));
  //3.关闭请求，等待响应
  var response = await requset.close();
  //4.进行解码，获取数据
  if(response.statusCode == 200)
  //拿到请求的数据
  responseBody = await response.transform(utf8.decoder).join();
  //先不解析打印数据
    print(responseBody);
  else
    print("error");

结果如下：

2. dio 请求

dio 是一个强大的 Dart Http 请求库，支持Restful API、FormData、拦截器、错误处理、转换器、设置Http代理、请求取消、Cookie 管理、文件上传和下载、超时等。在pub.flutter-io.cn/packages搜最新的依赖包，这个网址太好用，你想搜一些三方库里面都有：

在pubspec.yaml添加依赖：

dio: ^4.0.6

导入依赖：

import 'package:dio/dio.dart';

2.1 get请求

//dio get请求
dio_get() async
  try
      Response response;
      //等待返回response
      response = await Dio().get("http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/1");
      if(response.statusCode == 200)
        print(response);
      else
        print("error");
      
  catch(e)
     print(e);

2.2 post请求

dio_post() async
  try
    Response response;
    response = await Dio().post("http://www.wanandroid.com/user/login?username=1&password=123456");
    if(response.statusCode == 200)
      print(response);
    else
      print("error");
    
  catch(e)
    print(e);

3. http 库

在pubspec.yaml添加依赖：

http: ^0.13.4

导入依赖：

import 'package:http/http.dart' as my_http;

as 这个关键字，这是什么意思呢？通过as是为了解决变量名冲突的方法，因为导入不同的库有可能遇到不同库之间因为导入变量名冲突的问题。

3.1 get请求

//http库的get请求方式
http_get() async
  try
    //因为导入http 用了as xxx方式，所以对象请求都用xxx.get方式
    var response = await my_http.get("http://gank.io/api/data/%E7%A6%8F%E5%88%A9/10/1");
    if(response.statusCode == 200)
      //打印返回的数据
      print(response.body);
    else
      print("error");
    
  catch(e)
    print(e);

3.2 post请求

//http库的post请求方式
http_post() async
  try
    //因为导入http 用了as xxx方式，所以对象请求都用xxx.get方式
    var response = await my_http.post("http://www.wanandroid.com/user/login?username=1&password=123456");
    if(response.statusCode == 200)
      //打印返回的数据
      print(response.body);
    else
      print("error");
    
  catch(e)
    print(e);

以上三种库的 get 和 psot 方式都实践了一遍，在平时开发中最好用 dio库 和 http库 ，因为 dart io 中是使用 HttpClient 发起的请求，HttpClient 本身功能较弱，很多常用功能不支持。

03flutter--网络请求(代码片段)

Flutter网络请求包资源Flutter包类似于Java语言里的jar包，由全球众多开发者共同提供第三方库。包仓库所有包(package)都会发布到Dart的包仓库里，在下面网址输入你想使用的包后点击搜索即可。包仓库地址为：http://pub.dartlangt.org使... 查看详情

flutter学习-网络请求(代码片段)

Flutter学习-网络请求1.网络请求的方式1.1HttpClient的示例1.2Http库1.3dio三方库1.4dio库的简单封装2.JSON的读取和解析2.1本地JSON资源配置2.2JSON数据的读取解析2.3JSON解析代码前言：项目中展示的大部分数据都是来自服务器，我们... 查看详情

flutter中http进行网络请求(代码片段)

一.flutter网络请求的三种方式1.HttpClient请求实现步骤：1).导入包import'dart:convert';import'dart:io';2).创建HttpClientvarhttpClient=HttpClient();3).Http连接，并获取解析urlvarrequest=awaithttpCl 查看详情

flutter异步编程http网络请求数据(代码片段)

import‘dart:convert‘;import‘package:flutter/material.dart‘;import‘package:http/http.dart‘ashttp;import‘dart:async‘;classHttpDemoextendsStatelessWidget@overrideWidgetbuild(BuildContextcontext)returnS 查看详情

flutter实现网络请求(代码片段)

Flutter网络请求使用的是Dio。Dio是一个强大易用的darthttp请求库，支持RestfulAPI、FormData、拦截器、请求取消、Cookie管理、文件上传/下载…Flutterjson数据解析是使用了json_serializablepackage包。它是一个自动化源代码生成器，可以为我们... 查看详情

flutter--------http库网络请求封装（httpcontroller）(代码片段)

http库再次封装的网络请求类HttpController 1.添加依赖dependencies:http:^0.12.0#latestversion2.导入库import‘package:http/http.dart‘ashttp;//导入前需要配置效果图：封装类import‘package:http/http.dart‘ashttp;classHttpCont 查看详情

flutter网络请求(代码片段)

一、FlutterJSON字符串和Map类型的转换import‘dart:convert‘varmapData="name":"张三","age":"20";varstrData=‘"name":"张三","age":"20"‘;print(json.encode(mapData));//Map转换成Json字符串print(json.decode(strData));//Json字符串转化成Map类型二、使用http库... 查看详情

flutter进阶(代码片段)

之前调研过FN和flutter，附上调研链接：RN调研学习（进行中）https://blog.csdn.net/a910626/article/details/87371134flutter调研https://blog.csdn.net/a910626/article/details/81316146缘由因为要做准备一个flutter的分享& 查看详情

flutter进阶(代码片段)

flutter中http进行网络请求(代码片段)

flutter--进阶使用字体(代码片段)

...1.在pubsec.yaml声明字体2.代码实现3.效果图前言有时候要在Flutter应用程序中使用不同的字体，就好像会使用UI创建的自定义字体，或者可能会使用GoogleFlonts中的字体。在Flutter应用程序中使用字体分两步完成：在pubspec.yaml... 查看详情

flutter--进阶打包(代码片段)

文章目录1.生成key2.创建key.properties3.更改build.gradle4.添加混淆文件1.生成key编写完应用后，最后就是打包了，因为我是用Androidstudio开发的，所以直接在Terminal输入：keytool-genkey-v-keystore~/key.jks-keyalgRSA-keysize2048-va 查看详情

android进阶超级全-从okhttp的源码出发，了解客户端的网络请求(代码片段)

艳阳高照，温度高企。然而对于知识与履历不佳的Android开发来说，却仿佛坠入了寒冬。招聘市场能看到的安卓岗位基本上来来去去都是那几家公司，大公司不敢面，小公司待遇不满足。仿佛失业就摆在面前了。所... 查看详情

flutter项目实战之网络抓包(代码片段)

Flutter项目实战之网络抓包前言首先在项目实战中，网络请求与接口的交互是必不可少的操作，但是移动端开发者没有Web开发者那样完善的抓包工具，所以我们就需要一些抓包软件来替代浏览器的控制台来对APP的网络... 查看详情

flutter项目实战之网络抓包(代码片段)

flutter从入门到入土网络请求dio(代码片段)

1、网络请求1Dio_dio=newDio();23FuturegetInformationJson(Useruser)async45varurl=‘http://xxx/xxx/xxx?username=‘+user._username+6‘&password=‘+user._password;78Responseresponse=await_dio.get(url);9if(response.statusCode==HttpStatus.ok)10vardata=jsonDecode(response.toString());　　//JS... 查看详情

flutter中的单例以及网络请求库的封装(代码片段)

https://zhuanlan.zhihu.com/p/53498914 Flutter中的单例以及网络请求库的封装ClassNotFound程序员25人赞同了该文章 Why?为什么需要单例在Android中我们经常使用OkHttp来进行网络请求，但我们并不希望每次都创建一个OkHttpClient；亦或... 查看详情

flutter--进阶json数据(代码片段)

...据。现在开发，数据传输方式基本都是用JSON，在Flutter中是没有GSON/Jackson/Moshi这些库，因为这些库需查看详情