使用用户基本身份验证创建 flutter Json 登录表单

Question

在这一步卡了好久。谁能告诉我如何发送请求，以便在按下 "login" 按钮时创建具有基本身份验证的用户的新实例。我很想知道如何知道如何安排 headers 访问 url 数据库

     void Login() {
    final form = formKey.currentState;
    if (form.validate()) {
      form.save();
      makePost();
    }
  }

    second part my json methond

     Future<Post> makePost() async {
    String Username = "denisPos";
    String Password = "moV4b90WqpHfghghsg";
    final response = await http.post('http://.60.4546.109:4520/postRequest',
        headers: {HttpHeaders.authorizationHeader: '$Password:$Username:$url'});
    final responseJson = json.decode(response.body);

    return Post.fromJson(responseJson);
  }


    class Post {
  final String phone;

  final String password;
  final String body;

  Post({this.phone, this.password, this.body});

  factory Post.fromJson(Map<String, dynamic> json) {
    return Post(
      phone: json['phone'],
      password: json['password'],
      body: json['body'],
    );
  }
}

Answer 1

如果您谈论的是基本身份验证，您可以使用如下代码：

Future<Post> makePost() async {
  String username = "denisPos";
  String password = "moV4b90WqpHfghghsg";
  var bytes = utf8.encode("$username:$password");
  var credentials = base64.encode(bytes);
  var headers = {
    "Accept": "application/json",
    "Authorization": "Basic $credentials"
  };
  var url = ...
  var requestBody = ....
  http.Response response = await http.post(url, body: requestBody, headers: headers);
  var responseJson = json.decode(response.body);

  return Post.fromJson(responseJson);
}

如果您要发送 GET 请求，则可以完全省略 requestBody。

http.Response response = await http.get(url, headers: headers);

Answer 2

    Future<http.Response> post() async {
    var url = 'http://xxxxxxxxxxxxx;
    String password = "xxxxxxxxxxxxxxxx;
    String username = "
    var bytes = utf8.encode("$username:$password");


    var credentials = base64.encode(bytes);
    var headers = {
      "Content-Type": "application/json",
      "Authorization": "Basic $credentials"
    };

    var requestBody = jsonEncode({ 'phone': phone, 'pass': pass});

    http.Response response = await http.post(
        url, body: requestBody, headers: headers);
    var responseJson = json.decode(response.body);
    print(Utf8Codec().decode(response.bodyBytes));

    print("Body: " + responseJson);
  }

使用用户基本身份验证创建 flutter Json 登录表单

Creating flutter Json Login form with user Basic authentication

json

flutter

flutter-test

flutter-layout