使用API​​将数据发送到Springboot服务器的最佳方法是什么？

Question

我正在开发一个Flutter移动应用程序，我想知道将数据发送到Springboot服务器的最清洁方法。

Answer 1

在这里，我们确实使用Flutter http package 以获取/使用来自API的数据。

这是一个例子

import 'package:flutter/material.dart';
import 'dart:convert' as convert;

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

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Welcome to My App",
      home: AppBody(),
    );
  }
}

class AppBody extends StatefulWidget {
  @override
  _AppBodyState createState() => _AppBodyState();
}

class _AppBodyState extends State<AppBody> {
  final apiURL = "localhost:8080";
  final path = "/api/posts/read?search=shyam&start=1&limit=100";
  late var url;
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    // url = Uri.http(apiURL, path);
    // url = Uri.http(apiURL+path);
    url = Uri.http(amazonUri, path);
    getData();
  }

  Future<void> getData() async {
    var response = await http.get(url);
    if (response.statusCode == 200) {
      print("Data obtained successfully");
      print(response.body);
    } else {
      print("Issues with APIs");
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: Icon(Icons.agriculture),
        title: Text("App Bar"),
      ),
      body: Container(
        child: Center(
          child: Text("Hello world"),
        ),
      ),
    );
  }
}

Answer 2

我不知道这是否是最干净的方式，但是您可以使用REST API从/将数据从/发送到SpringBoot服务器。

有关更多信息： https://medium.com/nerd-for-tech/flutter-series-connecting-ui-to-spring-boot-boot-backend-f9874dc3dcd5

用于扑朔迷离的项目结构，您可以使用bloc或bloc或任何其他国家管理。

Answer 3

您可以将Spring用作RESTAPI，它具有HTTP方法之类的逻辑（获取，发布，put，Delete ..）。
（使用RestFulapi很多原因，原因之一是用于各种客户端。（移动，Web，Pad，..））

您可以在URI，Header或Body中的查询字符串上将数据从客户端发送到服务器。

Answer 4

**you can use dio packge for any kind of apis its easy and best and you do not need any kind maping it will be by dio package own its own **
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:dio/dio.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:rent_house/screens/Navigation/navBar.dart';

Future<String> signupApis({
  name,
  email,
  conatact,
  address,
  password,
  type,
  context,
}) async {
  // isloading:true;
  var apiURL = 'https://denga.r3therapeutic.com/public/api/register';

  var formData = FormData.fromMap({
    'name': name,
    'email': email,
    'contact': conatact,
    'address': address,
    'password': password,
    'type': type,
  });
  //final prefs = await SharedPreferences.getInstance();

  Dio dio = Dio();
  Response responce;
  try {
    responce = await dio.post(
      apiURL,
      data: formData,
    );

   // print("response datra " + responce.toString());
   
    SharedPreferences pref = await SharedPreferences.getInstance();
    var res1 = responce.data['user'];
    var token = res1['token'];

    Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => Navbar()),
    );
    Fluttertoast.showToast(
        msg: "Login Successfull", backgroundColor: Colors.cyan);
    return '';
  } catch (e) {
    Fluttertoast.showToast(
        msg: "User Already exists", backgroundColor: Colors.cyan);
    return 'some thing wrong';
  }
}