Sending an HTTP request with basic authentication

Sending an HTTP request with basic authentication

How to:

In Dart, you can use the http package to send HTTP requests with basic authentication. First, add the http package to your pubspec.yaml file:

  http: ^0.13.4

Then, import the package in your Dart file:

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

To send a GET request with basic authentication, you can use the following code:

Future<void> fetchUserData() async {
  final username = 'yourUsername';
  final password = 'yourPassword';
  final credentials = base64Encode(utf8.encode('$username:$password'));
  final response = await http.get(
    headers: {
      'Authorization': 'Basic $credentials',

  if (response.statusCode == 200) {
    print('User data fetched successfully!');
    print('Response body: ${response.body}');
  } else {
    print('Failed to fetch user data with status code: ${response.statusCode}');

This code sends a GET request to ‘' with a basic authentication header. The username and password are encoded in base64 and passed in the ‘Authorization’ header as per the basic access authentication standards.

Sample output:

Upon successful request and if the server returns a status code of 200, you might see:

User data fetched successfully!
Response body: {"id":1, "name":"John Doe", "email":"[email protected]"}

If authentication fails or there is any other error, the response status code will help identify the issue.