How to pass basic auth credentials in API call for a Flutter mobile application?

Question

I'm working on a simple Flutter mobile app that needs to call out to an API that uses Basic Auth.

I can hit the API in Postman using email & password credentials and it encodes the email & password in Base64 (I assume with a ":" separating) before performing the request.

I'm not sure how to do this in Flutter / Dart...

I've tinkered with the http package and tried to do the Base64 encoding... but I just get back errors from the server.

Can anyone provide some guidance or an example for a basic auth request?

Richard Heap · Accepted Answer · 2022-06-24 11:45:49Z

149

Assuming that your server expects that the username:password combo will be encode it UTF-8 (see RFC 7617 for more details) then use this:

import 'dart:convert';
    
import 'package:http/http.dart';
    
main() async {
  String username = 'test';
  String password = '123£';
  String basicAuth =
      'Basic ' + base64.encode(utf8.encode('$username:$password'));
  print(basicAuth);
    
  Response r = await get(Uri.parse('https://api.somewhere.io'),
      headers: <String, String>{'authorization': basicAuth});
  print(r.statusCode);
  print(r.body);
}

edited Jun 24, 2022 at 11:45

answered May 9, 2018 at 2:19

Richard Heap

52.1k11 gold badges143 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Eric Wilhite Over a year ago

Perfect! I could piece together the http bits, but couldn't figure out how to actually build the header. Just tested this out and it works perfectly

Shyju M Over a year ago

you can use http post if header is required, eg : final loginResponse = await client.post(loginUrl, body: json.encode(user), headers: header);

Rajesh Vishnani Over a year ago

Hi, I want to use oAuth1 instead of basic as I am not on HTTPS, I am on HTTP, any recommendation for that?

itinance Over a year ago

Prebuilding the Header-map requires strong types in the Map: medium.com/@hagenverfolgt/…

Jones Over a year ago

In my case, this causes an forever pending request. Any idear why?

|

Nitish · Accepted Answer · 2021-12-14 06:56:52Z

23

I know it's late but I am posting this if it can help others.

import 'dart:convert';

var auth = 'Basic '+base64Encode(utf8.encode('$username:$password'));

Future<Response> callAPI(param) async {
    await dio.post('/api/test',
        data: {'param': param},
        options: Options(headers: <String, String>{'authorization': auth})); 
  }

edited Dec 14, 2021 at 6:56

answered Dec 13, 2019 at 9:58

Nitish

1,0619 silver badges17 bronze badges

Collectives™ on Stack Overflow

How to pass basic auth credentials in API call for a Flutter mobile application?

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related