Scribd
Upload
0 views

Chapter 07 RESTful api call with HTTP

The document provides an overview of asynchronous programming, explaining its importance in allowing applications to perform other tasks while waiting for operations such as network requests to complete. It discusses key concepts like Future, async, and await in Dart, and introduces the Dio package for making HTTP requests in Flutter. Additionally, it outlines how to make GET and POST requests and access weather data from the Open Weather API.

Uploaded by

hsusandi.b65
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0 views

Chapter 07 RESTful api call with HTTP

The document provides an overview of asynchronous programming, explaining its importance in allowing applications to perform other tasks while waiting for operations such as network requests to complete. It discusses key concepts like Future, async, and await in Dart, and introduces the Dio package for making HTTP requests in Flutter. Additionally, it outlines how to make GET and POST requests and access weather data from the Open Weather API.

Uploaded by

hsusandi.b65
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

RESTFUL API CALL

WITH HTTP
I CT425 MOBILE APPLICATION DEVELOPMENT
PRASHAYA FUSI RIPONG (PH.D.)
1. What is Asynchronous
Programming?
2. Why asynchronous code
matters?
OUTLINE 3. Future, async and await
4. HTTP GET Request in Flutter
5. HTTP POST Request in Flutter
6. Handling Error
WHAT IS ASYNCHRONOUS PROGRAMMING?
• Asynchronous programming
paradigm allows certain tasks to run
separately from the ‘main’
execution thread
 The programs allowing your
application to continue executing
other tasks while waiting for the
asynchronous operation to finish

• Asynchronous events are


particularly useful in operations that
involve waiting such as network
requests, file I/O, or time-consuming
computations
WHY ASYNCHRONOUS CODE MATTERS?
• Asynchronous operations let your program complete work while
waiting for another operation to finish
• Key terms
Synchronous
- Operation: A synchronous operation blocks other operations from executing until it completes
- Function: A synchronous function only performs synchronous operations

Asynchronous
- Operation: Once initiated, an asynchronous operation allows other operations to execute before
it completes
- Function: An asynchronous function performs at least one asynchronous operation and can also
perform synchronous operations
FUTURE, ASYNC AND AWAIT
• Future is an object that represents the result of an asynchronous operation and
can have two states: uncompleted or completed
 Then() returns the final result from the Future<TYPE> of Flutter, here <TYPE> means the
data type you want to return from the Future
 catchError() UnCompleted or error data - do task when you didn’t able to get the
data or error occured
 whenComplete() Executes on, either way, weather data was return or error was
thrown. Its used when you want to perform something in either case happens

• Async is used to make any function in Dart as an asynchronous process


 Turn any function into an async function
 the execution will perform in the background

• Await will wait for a future to complete before executing the subsequence
statement
CALLING DATA FROM SERVER REST API
CALLING DATA FROM SERVER REST API
• Dio package
 A powerful HTTP networking package for Dart/Flutter, supports Global configuration,
Interceptors, FormData, Request cancellation, File uploading/downloading, Timeout,
Custom adapters, Transformers, etc.

• Installing Dio package


 flutter pub add dio
 This will add a line like this to your package's pubspec.yaml (and run an implicit dart
pub get):
dependencies:
dio: ^5.8.0+1

• Now in your Dart code, you can use: import 'package:dio/dio.dart';


HTTP GET REQUEST IN FLUTTER
HTTP POST REQUEST IN FLUTTER
HANDLING ERRORS
GETTING DATA FROM OPEN WEATHER API
• URL: https://openweathermap.org/
• Creating an Account from URL above
• There are many the weather API’s collection to get the weather data
 Current & Forecast weather data collection
 Solar Irradiance & Energy Prediction service
 Historical weather data collection
 Map collection
 Other weather API’s collection (i.e. Air pollution and Fire weather Index API)

• Data format that use on the openweather API as Json data format
Thank you
Prashaya Fusiripong (Ph.D.)
Email: [email protected]
Department of Information and communication technology (ICT), International college

You might also like