Mẫu bộ chuyển đổi

Thuộc phần Lập trình hướng đối tượng trong hành trình Dart của Coddy. Bài học 95 trên 110.

Mẫu thiết kế Adapter pattern cho phép các giao diện không tương thích hoạt động cùng nhau. Nó đóng vai trò cầu nối giữa hai lớp vốn không thể cộng tác, bằng cách bao bọc một lớp hiện có bằng giao diện mới mà các bên sử dụng mong đợi. Mẫu này đặc biệt hữu ích khi tích hợp thư viện của bên thứ ba hoặc code cũ vào ứng dụng của bạn.

Hãy tưởng tượng bạn có một hệ thống làm việc với dữ liệu JSON, nhưng bạn cần tích hợp một thành phần chỉ xuất XML. Thay vì chỉnh sửa một trong hai lớp, bạn tạo một bộ chuyển đổi để chuyển đổi giữa chúng:

// Giao diện hiện có mà hệ thống của bạn yêu cầu
abstract class JsonData {
  String getJson();
}

// Lớp cũ có giao diện không tương thích
class XmlService {
  String getXml() {
    return '<data><name>John</name></data>';
  }
}

// Adapter giúp XmlService tương thích với JsonData
class XmlToJsonAdapter implements JsonData {
  final XmlService _xmlService;

  XmlToJsonAdapter(this._xmlService);

  @override
  String getJson() {
    String xml = _xmlService.getXml();
    // Chuyển XML sang JSON (đã đơn giản hóa)
    return '{"name": "John"}';
  }
}

void main() {
  var xmlService = XmlService();
  var adapter = XmlToJsonAdapter(xmlService);

  print(adapter.getJson());  // {"name": "John"}
}

XmlToJsonAdapter bọc XmlService và triển khai giao diện JsonData. Code phía client làm việc với giao diện quen thuộc JsonData mà không cần biết dữ liệu ban đầu đến từ nguồn XML. Adapter tự xử lý mọi việc chuyển đổi bên trong.

Hãy dùng mẫu Adapter khi bạn muốn dùng một lớp có sẵn nhưng giao diện của nó không phù hợp với nhu cầu của bạn, hoặc khi bạn cần tạo một lớp có thể tái sử dụng để phối hợp với các lớp có giao diện không tương thích.

Thử thách

Dễ

Hãy xây dựng một hệ thống bộ chuyển đổi cho trình phát đa phương tiện! Hãy tưởng tượng bạn có một hệ thống âm thanh hiện đại, yêu cầu mọi nguồn phương tiện phát âm thanh thông qua một giao diện tiêu chuẩn, nhưng bạn cần tích hợp một máy phát đĩa vinyl kiểu cũ, có cách tạo ra âm thanh hoàn toàn khác.

Bạn sẽ tạo hai tệp để sắp xếp phần triển khai mẫu bộ chuyển đổi:

media_adapter.dart: Tệp này chứa giao diện và các lớp bộ chuyển đổi. Định nghĩa một lớp trừu tượng AudioSource mà hệ thống hiện đại của bạn yêu cầu. Lớp này cần có phương thức String playAudio() trả về đầu ra âm thanh dưới dạng chuỗi. Sau đó, tạo lớp VinylPlayer đại diện cho thiết bị cũ, có trường trackName và phương thức String spinRecord() trả về *crackle* Playing vinyl: [trackName] *crackle*. Cuối cùng, xây dựng VinylAdapter triển khai AudioSource và bao bọc một VinylPlayer. Phương thức playAudio() của bộ chuyển đổi cần gọi phương thức spinRecord() của máy phát đĩa vinyl rồi trả về kết quả, qua đó kết nối hai giao diện không tương thích.
main.dart: Nhập tệp bộ chuyển đổi phương tiện của bạn và minh họa cách bộ chuyển đổi giúp máy phát đĩa vinyl cũ hoạt động với code yêu cầu giao diện hiện đại AudioSource. Tạo một VinylPlayer với tên bản nhạc Bohemian Rhapsody. Sau đó, tạo một VinylAdapter bao bọc máy phát đĩa vinyl này. Lưu bộ chuyển đổi vào một biến có kiểu AudioSource để chứng minh rằng nó tuân theo giao diện mong đợi. Gọi playAudio() trên nguồn âm thanh của bạn rồi in ra kết quả.

Điểm hay của mẫu này là code chính của bạn làm việc với giao diện tiêu chuẩn AudioSource, mà không cần biết rằng phía sau, một máy phát đĩa vinyl cũ đang thực hiện công việc thực sự!

Đầu ra mong đợi:

*crackle* Playing vinyl: Bohemian Rhapsody *crackle*

Tự làm thử

import 'media_adapter.dart';

void main() {
  // TODO: Tạo VinylPlayer với tên bản nhạc "Bohemian Rhapsody"
  
  // TODO: Tạo VinylAdapter để bọc trình phát đĩa than
  
  // TODO: Lưu adapter vào một biến (variable) có kiểu dữ liệu AudioSource
  
  // TODO: Gọi playAudio() trên nguồn âm thanh của bạn và in ra kết quả
  
}