En aquest tema, aprendrem com utilitzar paquets en Dart. Els paquets són col·leccions de codi que poden ser reutilitzades en diferents projectes. Dart té un ecosistema ric de paquets que poden ajudar-te a accelerar el desenvolupament i a evitar la reinvenció de la roda.

Objectius

  • Entendre què són els paquets i per què són útils.
  • Aprendre a buscar i seleccionar paquets.
  • Saber com afegir paquets a un projecte Dart.
  • Utilitzar paquets en el codi.

Què és un Paquet?

Un paquet és una col·lecció de codi Dart que es pot compartir i reutilitzar. Els paquets poden contenir biblioteques, recursos, eines i altres fitxers necessaris per a un projecte. Utilitzar paquets permet als desenvolupadors aprofitar el treball d'altres i centrar-se en les parts úniques del seu projecte.

Buscar i Seleccionar Paquets

El lloc principal per trobar paquets Dart és pub.dev. Aquí pots buscar paquets, veure'n les valoracions, llegir la documentació i veure exemples d'ús.

Exemple de Cerca de Paquets

  1. Visita pub.dev.
  2. Utilitza la barra de cerca per trobar paquets rellevants. Per exemple, si necessites un paquet per treballar amb JSON, pots buscar "json".
  3. Revisa les valoracions, la documentació i els exemples per seleccionar el paquet que millor s'adapti a les teves necessitats.

Afegir Paquets a un Projecte Dart

Per afegir un paquet a un projecte Dart, has de modificar el fitxer pubspec.yaml del teu projecte. Aquest fitxer conté informació sobre el projecte, incloent-hi les dependències.

Exemple: Afegir el Paquet http

  1. Obre el fitxer pubspec.yaml del teu projecte.
  2. Afegeix el paquet http a la secció dependencies:
dependencies:
  http: ^0.13.3
  1. Desa el fitxer i executa la comanda següent per instal·lar les dependències:
dart pub get

Utilitzar Paquets en el Codi

Un cop afegit el paquet al projecte, pots començar a utilitzar-lo en el teu codi.

Exemple: Utilitzar el Paquet http per Fer una Sol·licitud GET

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

void main() async {
  var url = Uri.parse('https://jsonplaceholder.typicode.com/posts/1');
  var response = await http.get(url);

  if (response.statusCode == 200) {
    print('Response data: ${response.body}');
  } else {
    print('Request failed with status: ${response.statusCode}');
  }
}

Explicació del Codi

  1. Importació del Paquet: import 'package:http/http.dart' as http; importa el paquet http i l'assigna a l'àlies http.
  2. Creació de l'URL: var url = Uri.parse('https://jsonplaceholder.typicode.com/posts/1'); crea un objecte Uri a partir de l'URL.
  3. Sol·licitud GET: var response = await http.get(url); fa una sol·licitud GET a l'URL especificat.
  4. Comprovació de l'Estat de la Resposta: Si la sol·licitud és exitosa (statusCode == 200), es mostra el cos de la resposta. En cas contrari, es mostra un missatge d'error.

Exercicis Pràctics

Exercici 1: Afegir i Utilitzar el Paquet path

  1. Afegeix el paquet path al teu projecte.
  2. Escriu un programa que utilitzi el paquet path per unir dos segments de ruta.

Solució

  1. Afegeix el paquet path al fitxer pubspec.yaml:
dependencies:
  path: ^1.8.0
  1. Executa dart pub get per instal·lar les dependències.
  2. Escriu el codi següent:
import 'package:path/path.dart' as path;

void main() {
  var part1 = 'directory';
  var part2 = 'file.txt';
  var fullPath = path.join(part1, part2);

  print('Full path: $fullPath');
}

Exercici 2: Fer una Sol·licitud POST amb el Paquet http

  1. Utilitza el paquet http per fer una sol·licitud POST a https://jsonplaceholder.typicode.com/posts.
  2. Envia un cos de sol·licitud JSON amb els camps title, body i userId.

Solució

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

void main() async {
  var url = Uri.parse('https://jsonplaceholder.typicode.com/posts');
  var response = await http.post(
    url,
    headers: {'Content-Type': 'application/json'},
    body: jsonEncode({
      'title': 'foo',
      'body': 'bar',
      'userId': 1,
    }),
  );

  if (response.statusCode == 201) {
    print('Response data: ${response.body}');
  } else {
    print('Request failed with status: ${response.statusCode}');
  }
}

Conclusió

En aquesta secció, hem après què són els paquets, com buscar-los, afegir-los a un projecte i utilitzar-los en el codi. Els paquets són una eina poderosa que pot estalviar temps i esforç en el desenvolupament de programari. En el proper tema, explorarem com crear els nostres propis paquets per compartir-los amb la comunitat.

© Copyright 2024. Tots els drets reservats