CODEWITHSUNDEEP
jsonflutterapidart
Tuhin
Tuhin

Reputation: 392

Flutter Registration with API

I successfully can login with my API connection also can display the data in my app.

I follow the same method for the registration to send data in API So that I can login.

But the registration is not happening, although it didn't show any error. My SnackBar showing You are already registered . But When I try to login with the data which I provided in registration form, its showing user not found( Obvious reason registration process didn't perform). Is there any problem with my API MODEL?

Here is my Parameters

 {

    "Email":"[email protected]",
    "Mobile":"1237891",
    "Password":"9991",
    "RetypePassword":"9991"

}

And here is the Json response

 {
    "Status": "1",
    "Message": "You are registered successfully",
    "UserData": {
        "Name": "[email protected]",
        "EncUserId": "IS0QOCrLby8Ft1kbkzn/mg=="
    }
}

After that I created a registration form, when user click the Register button it's run my API function registrationOfuser()

Future <void> registrationOfuser(String  email, contact, pass,conpass) async{
    var jsonResponse ;
    Map data = {
      
      'Email': email,
      'Mobile': contact,
      'Password': pass,
      'RetypePassword': conpass,
    };
    print(data);

     String body = json.encode(data);
    var url = 'http://myurl/home/djkjkfjkjfwkjfkwjkjfkjwjfkwjfkwf';
    var response = await http.post(
      url,
      body: body,
      headers: {
        "Content-Type": "application/json",
        "accept": "application/json",
        "Access-Control-Allow-Origin": "*"
      },
    );

    print(response.body);
    print(response.statusCode);

    if (response.statusCode == 200) {
       jsonResponse = json.decode(response.body.toString());
        ScaffoldMessenger.of(context)
          .showSnackBar(SnackBar(content:Text(" ${jsonResponse['Message']}"))) ;      
         
      //Or put here your next screen using Navigator.push() method
      print('success');
    } else {
      print('error');
    }



}

And here is my MODEL

    class RegistrationApiResponse {
    RegistrationApiResponse({
        required this.status,
        required this.message,
        required this.userData,
    });

    String status;
    String message;
    //UserData userData;
    UserData? userData;

    factory RegistrationApiResponse.fromJson(Map<String, dynamic> json) => RegistrationApiResponse(
        status: json["Status"],
        message: json["Message"],
         userData: json["UserData"] == null? null:UserData.fromJson(json["UserData"] as Map<String, dynamic>),
        
       


}

class UserData {
    UserData({
        required this.name,
        required this.encUserId,
    });

    String name;
    String encUserId;

    factory UserData.fromJson(Map<String, dynamic> json) => UserData(
        name: json["Name"],
        encUserId: json["EncUserId"],
    );

}

Upvotes: 0

Views: 8453

Answers (3)

Rohit Jaiswal
Rohit Jaiswal

Reputation: 1

class ApiService {
  callloginapi(
    var email,
  ) async {
    LoginReg? userModel;

    Response response = await post(
        Uri.parse('http://13.127.138.139/api/Login_Register_User'),
        body: {
          'mobile': email,
        });

    var jsonResponse = jsonDecode(response.body.toString());
    userModel = LoginReg.fromJson(jsonResponse);
    print(jsonResponse['token']);
    var flag = jsonResponse['data']['flag'];
    log('==========flag ===========$flag');
    //return userModel;
    var message = jsonResponse['message'];
    if (response.statusCode == 200) {
      if (flag == 'true') {
        Get.offAllNamed(PageRoutes.home);
        // t
        emailController.clear();
        print('$message');

        // moveToHome(context);

      } else {
        // server error
        print('Not Register');
      }

    }
  }}

Upvotes: 0

Nabin Dhakal
Nabin Dhakal

Reputation: 2182

You need to get text from controller. Do as follows:

body:({
    'Email':emailController.text,
    'Mobile':phoneController.text,
    'Password':passwordController.text,
    'RetypePassword':rePasswordController.text,
  }));

Upvotes: 1

Ravindra S. Patil
Ravindra S. Patil

Reputation: 14775

Try to below code help:

Create TextEditingController

  final TextEditingController email = new TextEditingController();
  final TextEditingController contact = new TextEditingController();
  final TextEditingController password = new TextEditingController();
  final TextEditingController conpassword = new TextEditingController();

Create one function for registration

register(String  email, contact, pass,conpass) async {
    Map data = {
      
      'Email': email,
      'Mobile': contact,
      'Password': pass,
      'RetypePassword': conpass,
    };
    print(data);

    String body = json.encode(data);
    var url = 'Your url here';
    var response = await http.post(
      url,
      body: body,
      headers: {
        "Content-Type": "application/json",
        "accept": "application/json",
        "Access-Control-Allow-Origin": "*"
      },
    );
    print(response.body);
    print(response.statusCode);
    if (response.statusCode == 200) {
      //Or put here your next screen using Navigator.push() method
      print('success');
    } else {
      print('error');
    }
  }

Create Button

ElevatedButton(
child:Text('Register'),
onPressed:(){
   register(email.text, contact.text, password.text, conpassword.text);
   },
),

Upvotes: 3

Related Questions