Http

In this chapter, you'll implement the core functionality of the Wikipedia CLI by making API calls to retrieve data. You'll add the http package as a dependency, create API functions, and then export those functions so they can be used by the cli package.

Before you begin this chapter, ensure you:

• Have completed Chapter 10 and have a working Dart development environment with the dartpedia project.
• Understand basic networking concepts (like APIs and HTTP requests).
• Understand basic data serialization formats such as JSON.

In this chapter, you'll add the core functionality of the Wikipedia CLI by making API calls to retrieve data. You'll work within the wikipedia package to implement the API client logic.

To make HTTP requests, you need to add the http package as a dependency to the wikipedia package.

1. Open the wikipedia/pubspec.yaml file within your project.

2. Locate the dependencies section.

3. Add http: ^1.3.0 (or the latest stable version) under dependencies.

   yaml

   dependencies:
     http: ^1.3.0
   

   content_copy

4. Save the pubspec.yaml file.

5. Run dart pub get in your terminal from the wikipedia directory.

Next, you'll create the API functions to fetch data from Wikipedia. You'll create three files:

• summary.dart: This file will contain functions for retrieving article summaries.
• search.dart: This file will handle search queries to find articles.
• get_article.dart: This file will contain functions for fetching the full content of an article.

1. Create the directory wikipedia/lib/src/api.

2. Create the file wikipedia/lib/src/api/summary.dart.

3. Add the following code to wikipedia/lib/src/api/summary.dart:

   dart

   import 'dart:convert';
   import 'dart:io';
   ​
   import 'package:http/http.dart' as http;
   ​
   import '../model/summary.dart';
   ​
   Future<Summary> getRandomArticleSummary() async {
     final http.Client client = http.Client();
     try {
       final Uri url = Uri.https(
         'en.wikipedia.org',
         '/api/rest_v1/page/random/summary',
       );
       final http.Response response = await client.get(url);
       if (response.statusCode == 200) {
         final Map<String, Object?> jsonData =
             jsonDecode(response.body) as Map<String, Object?>;
         return Summary.fromJson(jsonData);
       } else {
         throw HttpException(
           '[WikipediaDart.getRandomArticle] '
           'statusCode=${response.statusCode}, body=${response.body}',
         );
       }
     } on FormatException {
       // todo: log exceptions
       rethrow;
     } finally {
       client.close();
     }
   }
   ​
   Future<Summary> getArticleSummaryByTitle(String articleTitle) async {
     final http.Client client = http.Client();
     try {
       final Uri url = Uri.https(
         'en.wikipedia.org',
         '/api/rest_v1/page/summary/$articleTitle',
       );
       final http.Response response = await client.get(url);
       if (response.statusCode == 200) {
         final Map<String, Object?> jsonData =
             jsonDecode(response.body) as Map<String, Object?>;
         return Summary.fromJson(jsonData);
       } else {
         throw HttpException(
           '[WikipediaDart.getArticleSummary] '
           'statusCode=${response.statusCode}, body=${response.body}',
         );
       }
     } on FormatException {
       // todo: log exceptions
       rethrow;
     } finally {
       client.close();
     }
   }
   

   content_copy

   This code defines two functions: getRandomArticleSummary and getArticleSummaryByTitle. Both functions use the http package to make GET requests to the Wikipedia API and return a Summary object. getRandomArticleSummary fetches a summary for a random article, while getArticleSummaryByTitle fetches a summary for a specific article title.

4. Next create the file wikipedia/lib/src/api/search.dart.

5. Add the following code to wikipedia/lib/src/api/search.dart:

   dart

   ​
   import 'dart:convert';
   import 'dart:io';
   ​
   import 'package:http/http.dart' as http;
   ​
   import '../model/search_results.dart';
   ​
   Future<SearchResults> search(String searchTerm) async {
     final http.Client client = http.Client();
     try {
       final Uri url = Uri.https(
         'en.wikipedia.org',
         '/w/api.php',
         <String, Object?>{
           'action': 'opensearch',
           'format': 'json',
           'search': searchTerm,
         },
       );
       final http.Response response = await client.get(url);
       if (response.statusCode == 200) {
         final List<Object?> jsonData = jsonDecode(response.body) as List<Object?>;
         return SearchResults.fromJson(jsonData);
       } else {
         throw HttpException(
           '[WikimediaApiClient.getArticleByTitle] '
           'statusCode=${response.statusCode}, '
           'body=${response.body}',
         );
       }
     } on FormatException {
       rethrow;
     } finally {
       client.close();
     }
   }
   

   content_copy

   This code defines the search function, which uses the http package to make a GET request to the Wikipedia API's opensearch endpoint and returns a SearchResults object. The opensearch endpoint is used to search for Wikipedia articles based on a search term.

6. Create the file wikipedia/lib/src/api/get_article.dart.

7. Add the following code to wikipedia/lib/src/api/get_article.dart:

   dart

   import 'dart:convert';
   import 'dart:io';
   ​
   import 'package:http/http.dart' as http;
   ​
   import '../model/article.dart';
   ​
   Future<List<Article>> getArticleByTitle(String title) async {
     final http.Client client = http.Client();
     try {
       final Uri url = Uri.https(
         'en.wikipedia.org',
         '/w/api.php',
         <String, Object?>{
           // order matters - explaintext must come after prop
           'action': 'query',
           'format': 'json',
           'titles': title.trim(),
           'prop': 'extracts',
           'explaintext': '',
         },
       );
       final http.Response response = await client.get(url);
       if (response.statusCode == 200) {
         final Map<String, Object?> jsonData =
             jsonDecode(response.body) as Map<String, Object?>;
         return Article.listFromJson(jsonData);
       } else {
         throw HttpException(
           '[ApiClient.getArticleByTitle] '
           'statusCode=${response.statusCode}, '
           'body=${response.body}',
         );
       }
     } on FormatException {
       // TODO: log
       rethrow;
     } finally {
       client.close();
     }
   }
   

   content_copy

   This code defines the getArticleByTitle function, which uses the http package to make a GET request to the Wikipedia API and returns a List<Article> object. This function retrieves the content of a Wikipedia article based on its title.

Now that you've created the API functions, you need to export them from the wikipedia library so they can be used by the cli package. You'll also export the existing models.

1. Open the wikipedia/lib/wikipedia.dart file.

2. Add the following export statements to the file:

   dart

   export 'src/api/get_article.dart';
   export 'src/api/search.dart';
   export 'src/api/summary.dart';
   export 'src/model/article.dart';
   export 'src/model/search_results.dart';
   export 'src/model/summary.dart';
   export 'src/model/title_set.dart';
   

   content_copy

   These export statements make the API functions and models available to other packages that depend on the wikipedia package.

Now that you have implemented the API functions and updated the package dependencies, it's good practice to run the tests you created in the previous chapter. This will confirm that your changes have not broken the existing functionality of the wikipedia package.

1. Open your terminal and navigate to the wikipedia/test directory.

2. Remove the default test file by running the command rm wikipedia_test.dart (on macOS or Linux) or del wikipedia_test.dart (on Windows). This file was generated automatically but is not used in our project.

3. Open your terminal and navigate to the wikipedia directory.

4. Run the command dart test.

   You should see output similar to this, confirming all your existing tests still pass:

   bash

   00:02 +3: All tests passed!
   This confirms that the wikipedia package is still working as expected.
   

   content_copy

In this chapter, you learned how to:

• Add a package dependency to pubspec.yaml.
• Construct Uri objects for API requests.
• Make HTTP GET requests using the http package.
• Handle API responses and decode JSON data.
• Export functions and models from a Dart library.

Question 1: Which file is used to manage dependencies in a Dart project?

• A) main.dart
• B) pubspec.yaml
• C) README.md
• D) LICENSE

Question 2: Which Dart library is used to make HTTP requests?

• A) dart:io
• B) dart:convert
• C) package:http
• D) package:async

Question 3: What is the purpose of the export statement in a Dart library?

• A) To hide declarations from other libraries.
• B) To make declarations available to other libraries.
• C) To specify the version of the Dart SDK required by the library.
• D) To define the entry point of the library.

In the next lesson, you'll complete the CLI by integrating the wikipedia package with the cli package. You'll implement the command logic and display the results to the user.